清楚標示網頁中連結檔案的類型，是近來網頁親和力（accessibility）與易用性（usability）的專家們，大力提倡的議題。雖然只要在連結元素（〈a〉）加上設定好的類別（class），便可以在這些連結旁邊顯示其檔案類別的圖示，但顯然手動逐一設定並不是個聰明的方法，javascript才是較好的解決方案。

這支javascript是由maratz.com的Marko Dugonjić所撰寫，不但可以在檔案連結旁顯示圖示，也會將這些檔案自動開啟在新視窗中。
| 繼續閱讀…

WebJillion針對Technorati上排名前100大的blog，進行了版面欄位的統計分析。扣除掉spam和重複計算的blog之後，這份清單共有82個blog，而版面欄位的分析結果為：

• 1欄式：3個
• 2欄式：35個
• 3欄式：43個
• 4欄或更多：1個

三欄式版面的普及，相信和主流螢幕解析度已經提高至1024×768有很大關係（參考browsersize.com，使用1024×768解析度的網民達57%）。以Yahoo! Tech為例，頁面寬度增加之後，在右側加上了My Tech面版，而使用者還是可以透過「Change Screen Width」的按鈕，將頁面寬度縮小到800px以內（My Tech成為隱藏式面版），新版的美國Yahoo首頁也採用了這樣的技術。

詳細的Technorati百大blog版面欄位統計表，請參考WebJillion的原文。

相關文章：
讓使用者討厭的網站……
Screen Resolution and Page Layout

最近在del.icio.us的一篇熱門文章：16 Elements You Must Include in Your Site Design提到了這點：

Place content near the top of the page
Search engines spider the content that comes first in your source code. This can easily be done by using cascading style sheets.

也就是說，該文的作者Herman Drost認為，將文字內容置於原始碼越前端之處，越有助於搜尋引擎抓到這些內容；並提及可利用CSS達成此一目的（例如在二欄式網頁的HTML原始碼中，將content區塊置於sidebar區塊之前，再利用CSS讓版面看起來是sidebar在左邊，content在右邊）。
| 繼續閱讀…

13styles.com可以讓使用者在線上製作純CSS+XHTML的多層選單（精確地說是主要與次要兩層），理論上共有13種樣式，不過目前只有4種可以選擇。
| 繼續閱讀…

Rachel Cunliffe在2006年的7個blog設計趨勢中提到，利用CSS技巧所製作的圓角矩形將在今年的blog版面大為流行，這其實並非偶然，Basement.org有一篇很棒的文章：Why Do We Love Rounded Corners，從iPod的設計談到了為什麼圓角會如此受到歡迎，簡單地說，圓的東西總是令人無法抗拒，忍不住想要握在手裡。

Spiffy Box是Spiffy Corners的作者Greg Johnson的新作，使用者只需要四個步驟就可以產生圓角矩形，並放到自己的網頁中，非常方便。
| 繼續閱讀…