これはすごい。以前にWEBデザイナーの必須ツール「グリッド表示ルーラーブックマークレット」なるものをご紹介しましたが、今回はグリッドだけでなく、

ブラウザ上でWEBデザインに使える4機能搭載のブックマークレット

これはすごい。以前にWEBデザイナーの必須ツール「グリッド表示ルーラーブックマークレット」なるものをご紹介しましたが、今回はグリッドだけでなく、2クリックでカンタンにブロックの寸法を測りながらHTML要素を表示したり、使い勝手の良い定規を表示したりすることの出来るWEBデザイナーにはうってつけのブックマークレットをご紹介。

• 
• 組織のマインドマップツールをマインドマイスターにすべき理由
• 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!!

WEBデザイナー必携のDesign bookmarklet

このブックマークレットに付いている機能は下記の４つ。

グリッド

カラムの数や幅、カラム同士のマージンなどなど、様々なレイアウトをガイドしてくれるグリッド

定規

0の位置を自由に移動できる縦横定規機能

ユニット

わずか2クリックで「幅」、「高さ」、「HTML要素」、「id」、「class」まで表示してくれる機能

十字カーソル

十字カーソル中心部の位置が縦横どれくらいかを表示してくれる機能

↓言葉で書いても伝わりづらそうなので、動画キャプチャしてみました。

試してみたい方はAllan Jardine | Designへ行き、↓のボタンを右クリックで「ブックマークに追加」、またはドラッグしてブックマークツールバーに追加してください。

関連情報

• Ｖｉａ：CSS Beauty
• 使えるWEBツールまとめ