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