Uniform 是個新的 jQuery 的表單美化插件，能夠美化 CSS 管不到的 form elements，例如 file upload、radio box、check box 。其實網上美化表單的 JavaScript 插件的多不勝數，但是這個是我見過最好的一個，為甚麼？

首先是下拉選單 (select element) 的實作方法。其他表單美化插件一般都會將整個 select element 移走，換上一個用自制的 JavaScript 下拉選單 － 而且一般做得反應遲鈍、難看。我自己很討厭這種做法。

可是 Uniform 的實作方法就好得多：圖檔一如以往地被設定成背景圖片，不同的是，Uniform 將 select element 的透明白降至 0%，使它從人們的視覺上移走 － 而不是從 DOM 中移走。所以，原來的 select element 其實依舊存在，用戶點擊的時候其實是點中了原生那個 select element。

下面是其代碼：

<div id="uniform-">
  <span>Option 3</span>
  <select style="opacity: 0;">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
</div>

同樣原理還應用到其他 form element 上。Uniform 支援 File upload input、radio、checkbox、button，但居然沒有一般的 input text box，雖然要美化一般的 text box 對大家應該沒有難度吧。

下載：http://pixelmatrixdesign.com/uniform/

做 web development 的人應該都會用過 JSLint 或 JSONLint 這些線上驗證工具。日前連 jQuery Lint 也出爐了。 jQuery Lint 的目的也是提供一個工具協助 programmer 寫出更好的 jQuery code（例如 $(el).css(...).css(...).css (...) 可簡化成 $(el).css({...}) ）。

跟 JSLint 和 JSONLint 不同， jQuery Lint 是個 run time reporter，安裝後所有訊息會顯示在 FireBug 上。安裝 jQuery Lint 只需加如下一句：

<script src="jquery.lint.js"></script>

jQuery Lint 提供的訊息頗為詳盡，除了簡單錯誤報告外，還提供修改建議、問題代碼、甚至相關的 method signatures 。

下載及 API 請到 http://github.com/jamespadolsey/jQuery-Lint

jQuery 其中一個比其他 javascript library 優勝的地方，就是 jQuery 擁有眾多的插件。可是要在茫茫插件中要找到知適的又談何容易。jQuery 官方網站上的搜尋功能不太靈光，Google 一下子拋出萬千筆資料又實在令人無所適從。

http://jquerylist.com/ 此網站整理了二百五十多個 jQuery 插件，分門別類，將會是你唯一一個需要的 jQuery 插件列表。較可惜的是只提供了網頁截圖，卻沒有插件的相關圖片。不過總比甚麼都沒有好，畢竟每個插件的名命方式都大同小異，很難靠文字就能辨別出自己想要的插件。

－－－－－－－

希望能考上香港大學……

1. jQuery UI
   
   由 jQuery 官方所整理的 UI 插件包。包括拖放、排序、Resize、Dialog、Slider等常見UI控件。
2. Interface elements for jQuery
   
   另一個比較老的 jQuery UI控件及特效庫。
3. jQuery Plugin and Demo
   
   幾個十分優秀的 UI Plugin。包括 Block UI、Cycle Plugin、Feed Plugin等。
4. SuckerFish Style
   
   下拉目錄。雖然不是很難做的技術，但能省下很可觀的 Fix bug 的時間。
5. jQuery UI Tabs
   
   已經收錄在官方 UI 插件包。
6. jQuery Cycle Plugin
   
   可以用在 photo gallery 中，極度強大。
7. jCarousel
   
   剛剛要用到這個插件。
8. Inner Fade
   
   無需再用 Flash 來做漸隱漸現的效果囉。
9. ThinkBox 3.1
   
   常用到爆的ThickBox，已經是很完美的版本。
10. Validation
    
    表單驗證
11. tablesorter
    
    表格排序
12. Zebra Table
    
    間條的表格，不錯的效果。
13. jQuery Tooltips
    
    Tooltips
14. JQuery Curvy Corners
    
    圖角效果。雖然不喜歡，但收下來以防萬一有客方要求「Web2.0 Style」….XD
15. jQuery Scroll To
    
    平滑地 scroll to somewhere
16. Block UI
    
    把某個部份 Block 掉的插件，可能有用。
17. hoverIntent
    為hover加上delay的功能。