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

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

Read the rest of this entry »

昨天介紹了個 Mac 上的 CSS 小工具，今天再介紹一個 Mac only 的圖片壓縮工具：Image Optim。

Image Optim 其實是由 AdvPNG, OptiPNG, PngCrush, JpegOptim, jpegtran, Gifsicle 等多種壓縮方法結合而成的一個小工具（開源就是棒啊），支援 GIF、JPEG、PNG，該有的都有。把圖片拉到軟件上便會自動開始壓縮，就是如此簡單。

官方網站：http://imageoptim.pornel.net/

寫 CSS 最痛苦的是要搞定一堆 browser bugs ，其次就是要面對 CSS 不是 programming language 這現實，不存在其他程式語言常見的 變數、運算、繼承 等概念，使原本簡單的工作變得冗長，並且使維護工作變得麻煩。

less 的出現便是為了解決這個問題：在現有 CSS syntax 的基礎上，為 CSS 加入程式語言的特性，包括變數、scope、nested rules、運算、繼承。

Read the rest of this entry »

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

Read the rest of this entry »