aNobii
http://www.anobii.com/
同事介紹的一個分享書單的網站。用了幾天覺得設計上相當用心。目前還在beta，也確實滿常碰到網頁錯誤或是運算速度太慢的情形，相對的新功能也出的很快，有訂正書名等也都很快得到回應，讓人有值得期待的感覺。像是支援19國語系介面，各種語文的圖書等等，就是看似普通卻非常重要的功能。
aNobii 最基本的功能是整理自己的藏書。用ISBN或是書名搜尋等方法建立自己的清單，自己下tag來分類。書籍版本、封面圖、閱讀進度、購買日、評分、筆記、討論等該有的都有，也可以標記舊書待售或願意交換圖書等(似乎是連到Amazon的相關服務)。不過就像 del.icio.us 或 HEMiDEMi，使用者對網站的期望應該不只是整理和分類。透過會員願意公開的收藏來分析會員間的相似性以建立人際網路、或是推薦可能有興趣的書目，引起有深度的討論等等才是公開書目的價值(不然書單放在家裏就好，不需要放在網路上啊)。aNobii在這方面應該也有相當野心，不過目前只有統計「和我擁有N本相同的書」來作為相似度的排行，強度稍嫌弱了一點，看看它之後能不能玩出一點有趣的東西（開放會員自訂統計公式？) 目前還是先好好修Bug比較重要…
網頁過長內容斷行問題
處理動態網頁時，來自使用者自由輸入的部份有時會造成版面破壞。最常見的例子是一串沒有空白的拉丁字元，通常是url。也經常發生在使用者雖然加了半形標點符號卻沒有加上空白的情形。當然也有就是來破版的，故意打上一整串連續字母。以下找到一些部份解決辦法，但全部都不是for all browser的作法，真的很在意版面的話可能要衡量綜合各種作法造成的效能浪費和網頁變肥等等問題加以取捨。
- IE5.5+
使用css style {word-wrap:break-word;}
此style的區塊一定要指定width或display:block。依照規格說明，在必要的時候也會在單字中間作word break，但實際在結構比較複雜的版面測試時不知為何還是會把表格框線撐開。要確保一定不會炸框，大絕招是使用 {word-break:break-all;}。但這招用下去只要碰到邊界一定會斷字，版面會很整齊，但如果是拉丁語系為主的文章閱讀性會降低。照規格word-wrap只有IE5.5+/win和safari1.3+ only，但firefox2好像也是可以用的，css3的文件裡面似乎已經將word-wrap列入標準的樣子。 - wbr標籤
我孤陋寡聞現在才知道有這個東西。正如參考的網頁所說，這是一個好用的標籤但是可惜沒幾個人知道。把<wbr/>加在內容中間的效果是，由瀏覽器決定要不要在這裡換行。也就是說只要在所有字之間都塞入就可以做到{word-break:break-all}的效果。當然這也表示塞過的部份網頁肥度上升了好幾倍…。事實上只要在標點處置入或者每隔20到30字元置入一個效果應該就不差了。這個標籤支援IE5.5+和firefox，但不支援safari跟opera。更詳細的資訊可以參考這篇文章，另外一篇也有善心人士寫好的字串處理函式可用。
=+†腐女子占い†+=
結果如下(得意)…
lachesis…‥｡アナタは+超美少年+ を見る確率高し!!
●漫画とか見ながら『こんな男の子がいたらなぁ～』などと思考回路に妄想を巡らせるアナタは
超美少年が周りにいる確率が高いッ(と思う!!)‥いいなァ…(羨/何)
取って食わないであげて下さい(ぇ
見るのと触れるのは許します(危美少年宅風呂場と自室に隠しカメラ設置で更に吉(犯罪ですョ
….(真相的分隔線)….
しかし!!! 超美少年はどこにいるのかい？！見えない！ （￣ ￣メ)