使用 jQuery UI 的 Tabs 套件時，有兩個缺點：

• 瀏覽器的上一頁、下一頁按鈕沒有作用，也就是 history 的紀錄失效。
• 每個 Tab 沒有獨立的網址，所以無法將某個指定的 Tab 內容加到書籤。

目前找到比較簡單的解決辦法有二：

• 改用 jQuery Tools 的 Tabs，參見 Handling browsers back button。（認真地說，我覺得 jQuery Tools 的 Tabs 比較好用）
• 搭配 scrollTo 和 localScroll 這兩隻外掛的解法，來自 Mule Design Studio Blog：請直接參考他們的範例網頁，從原始碼就可以很清楚得到解答了。

來自 Pete Freitag，將字串改為小寫，在不同的程式語言中是這樣的處理的：

帥呀，Perl！

來自Web Designer Wall的一篇舊文「Style Your Ordered List」，介紹如何讓有序清單（ordered list，ol元素）的編號和內文使用不同的字型。

方法很簡單，編號的字型設定在ol的CSS樣式裡面，內文的字型則設定在ol p裡面（我之前一直沒想到可以這樣設）：

ol {
  font: italic 1em Georgia, Times, serif;
  color: #999999;
}

ol p {
  font: normal .8em Arial, Helvetica, sans-serif;
  color: #000000;
}

最後的成品就會長成這樣（編號的數字是用Georgia字型，內文則是Arial）：

Firefinder是Firebug的擴充套件，用來快速找到網頁中，符合特定CSS選擇器或是XPath表達式的HTML元素。

Firefinder的面板內會顯示符合的筆數並將這些元素條列出來，在網頁中也會用紅色虛線框將他們標示出來；當滑鼠指向面板內列出的某個元素時，網頁內相應的元素則會用藍色虛線框標示。

安裝完畢後，開啟Firefinder面板的快捷鍵是Ctrl（Command）+ Shift + V。

TimThumb原本是應用在Mimbo Pro這套WordPress佈景主題裡面的PHP縮圖程式，後來開發團隊將它獨立為一個開放原始碼專案，造福更多的使用者。

TimThumb用更精簡的程式碼來達成phpThumb的功能，並且加入PNG和GIF圖檔的支援，也使用快取來提高程式的效能。

使用時請將TimThumb.php引入後，使用以下語法載入網站上的圖片：

<img src="/scripts/timthumb.php?src=/images/whatever.jpg&h=150&w=150&zc=1" alt="">

參數的意義如下：

• w: 縮圖寬度
• h: 縮圖高度
• zc: 是否裁切圖片 (0 或 1)
• q: 壓縮品質 (預設為 75，最大值為 100)

而其他需要注意的事項有：

• 請開啟主機上的GD library。
• 程式會在所在位置建立名為「cache」的子資料夾，如果主機權限不允許的話，請手動建立同名資料夾，並將此資料夾權限設定為 777。
• 此外，TimThumb所在的資料夾，其權限也需要開到 777。
• 如同範例網頁顯示，請使用絕對路徑來表示程式和圖片的位置。
• 想要更加快圖片載入速度的話，請將這些規則加到你的 .htaccess檔案中。