ウェブデザインで大切な縦のリズムをチェックできるブックマークレット -Gridwax
Post on:2013年4月18日
ウェブデザインの縦のリズムをチェックできるブックマークレットを紹介します。
日本語のウェブサイトでももちろん利用できます。
Gridwaxのインストール
Gridwaxをあなたのブラウザにインストールするのは、簡単です。
サイトにアクセスし、「1. drag to your bookmark bar」にあるアイコンをブックマークバーにドラッグするだけです。
あとは、好きなページを表示し、ブックマークからGridmaxを起動します。
Gridwaxの使い方
ブラウザにGridwaxをインストールして、当サイトでチェックしてみました。
もう挫折しない、丁寧で分かりやすいiPhoneアプリ開発の入門書 -iPhoneアプリ開発の学校
とりあえず、文字のとこで
※縦のリズムは文字に限らず、画像やエレメントにもあります。
Gridwaxをブックマークから起動します。
Gridwaxを起動
デフォルトでガイドの色はブラックですが、変更できます。
ブラウザの下部でガイドの色を変更
ガイドの色を怪しげなパープルに変更。
ガイドの色をパープルに
あとは、ガイドの間隔や開始位置を合わせます。
- 間隔の調整
- shift+矢印キーの上下
- 開始位置の調整
- shift+矢印キーの左右
矢印キーは1ずつ変更されます。小数点単位で変更する時は下部のバーから変更します。
ガイドの間隔と開始位置の調整
sponsors