ブラウザ上でWEBデザインに使える4機能搭載のブックマークレット
スポンサードリンク
これはすごい。以前にWEBデザイナーの必須ツール「グリッド表示ルーラーブックマークレット」なるものをご紹介しましたが、今回はグリッドだけでなく、2クリックでカンタンにブロックの寸法を測りながらHTML要素を表示したり、使い勝手の良い定規を表示したりすることの出来るWEBデザイナーにはうってつけのブックマークレットをご紹介。
WEBデザイナー必携のDesign bookmarklet
このブックマークレットに付いている機能は下記の４つ。
- グリッド
- カラムの数や幅、カラム同士のマージンなどなど、様々なレイアウトをガイドしてくれるグリッド
- 定規
- 0の位置を自由に移動できる縦横定規機能
- ユニット
- わずか2クリックで「幅」、「高さ」、「HTML要素」、「id」、「class」まで表示してくれる機能
- 十字カーソル
- 十字カーソル中心部の位置が縦横どれくらいかを表示してくれる機能
↓言葉で書いても伝わりづらそうなので、動画キャプチャしてみました。
試してみたい方はAllan Jardine | Designへ行き、↓のボタンを右クリックで「ブックマークに追加」、またはドラッグしてブックマークツールバーに追加してください。
関連情報
スポンサードリンク
↓WEBマーケティングブログのGoogle+ページはじめました
おすすめの関連記事
- 前の記事： 人体模型を超リアルな3Dモデルで詳しく見れるサイト「Visible Body」
- 次の記事： あなたが手軽にオンラインマガジンの発行者になれる「Issuu」
- ジャンル： WEBツール, WEBデザイナー, ブックマークレット, 便利ツール
参考になる書籍
この記事へのリンク生成
- この記事へのリンクURL
- この記事へのリンクタグ
- 表示サンプル：ブラウザ上でWEBデザインに使える4機能搭載のブックマークレット - WEBマーケティング ブログ
- この記事へのリンクタグ(その２)
- 表示サンプル：ブラウザ上でWEBデザインに使える4機能搭載のブックマークレット(WEBマーケティング ブログ)
