Design Bookmarklet

雖然Web Developer Toolbar這個套件已經非常好用了，但是很多時候，能夠直接按一下就啟用的bookmarklet（書籤工具）還是稍稍方便一些，並且也兼具了跨瀏覽器的優點。

Allen Jardine製作的Design Bookmarklet一共有四種功能，如果你和我一樣，做網頁時，有非得把各種元素對齊不可的強迫症，那麼這個工具將非常實用：

1. Grid：可依需求直接輸入數據（尺寸、欄位數和列數、邊距等）在頁面中產生格線。
2. Rule：在上方和左側顯示尺規，並且可以拖曳出準線（guides）。
3. Unit：在頁面中測量任意兩點間的距離。
4. Crosshair：隨滑鼠游標出現的十字瞄準線，並提示座標。

上述的四項功能可以同時使用，介面也很美觀。這個小工具目前支援的瀏覽器有：Internet Explorer 7、Firefox 2+、Safari 2.0.4+、Opera 9.2+。至於為什麼沒有支援IE 6呢？Allen說，因為這是給開發人員和設計師用的呀。

這篇文章發表於 December 21st, 2007 ，分類為：Webdev，並且加上了以下的標籤：bookmarklet, Webdev。你可以訂閱這篇文章的回應：RSS 2.0，也歡迎發表你的意見，或者從你的網站 Trackback 過來。