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

tool 開発

お仕事でwebサイト作ることになったので便利ツールを調査中に見つけた。

インストール

http://www.sprymedia.co.uk/article/Design の

をブックマークに登録する

使い方

詳しく調べたいサイトにいってから、上記ブックマーク起動

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

  • グリッド
    • カラムの数や幅、カラム同士のマージンなどなど、様々なレイアウトをガイドしてくれるグリッド
  • 定規
    • 0の位置を自由に移動できる縦横定規機能
  • ユニット
    • わずか2クリックで「幅」、「高さ」、「HTML要素」、「id」、「class」まで表示してくれる機能
  • 十字カーソル
    • 十字カーソル中心部の位置が縦横どれくらいかを表示してくれる機能


ネタ元