URLでスタイリング(URL styling)

主にWebページのデザイン検討時に便利な、webアプリケーション達。
上は、グリッドレイアウトをチェックしたい時に便利なGriddle.it。

タグ内にurlを指定するだけで、グリッドを背景に描画。
body { background: url(http://griddle.it/960-12-30) repeat-y center top; }
と指定すれば、幅960pxに縦12列コラムを30pxの間隔で配置してくれます。



これは、当たり画像のサイズを検討する時に便利なplacekitten。
ソースの呼び先をhttp://placekitten.com/512/288とすると
横512px縦288pxの画像(なぜかネコ)が呼び出せます。



イメージあると、デザインの邪魔なんだけど...という人には、単なるグレー画像を呼び出してくれるplaceholderが便利。
placekittenと同様、ソースの呼び先を指定します。
http://placehold.it/512x150 とすれば、横512px縦150pxのグレーのアテ画像が描画されます。

Griddle.it | placekitten | placehold