[推薦]Fu-design

甫的設計,插畫感、視覺感、故事感及設計感都滿棒的一個仁兄,網站中的插畫還有故事性…很值得去看看!
國內網站風格表現相當突出的網站,隨然網站內都用英文做描述…
表現方式也是用Flash,或許Flash在網路多媒體上還是最快最好的一種呈現方式吧!
Fu-design (甫的設計)
FU’S BLOG (甫的部落)

[推薦]龜毛進化論

記得剛出社會時,就造訪過”龜毛進化論”網站,但是一段時間沒去後,最近再度拜訪感覺還是很讚!

很優的視覺設計、滿實在的內容(尤其是酷賽cool sites)…是個蠻值得視覺設計師去看的網站…

[CSS]word-break語法

製作網頁時,有時想要讓文字自動斷行,但是偏偏文字不聽話(例如:aaaaa….連續的英文字串或是很長的單字),此時網頁設計師們該怎麼辦呢?

文字不聽話時,偉大的網頁設計師們可以這樣…
使用 style.wordBreak 語法(支援IE家族5.5版以上),
有三個參數可以指定:
normal(依網頁預設)
break-all(打散單字型態,每一個字母均為一個字元)
keep-all(保持單字型態)

小小示範說明:

表格寬400px 使用 style.word-break:normal
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

表格寬400px 使用 style.word-break:break-all
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

表格寬400px 使用 style.word-break:keep-all
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

※後記:其實還有 style.word-wrap[break-word] ,但是其相對較麻煩,word-wrap:break-word; 只對所屬Object Width有作用。