36
35
34
[レビュー]1000このはんこ｜フェリシモ
http://www.felissimo.info/contents/html/ウィンドウ内全体がマウスポインタに設定されている「はんこ」のキャンバスなっているのはおもしろい。
グリッド計算ツールGridpxにレイアウト機能を追加しました。
Gridpx betahttp://www.kenjisugimoto.com/gridpx/index.html
作成したグリッドサンプルに、実際のテキストや画像を配置できることで、デザインを行う前段階で、どのような組体裁になるかを確認することができるようになりました。
テキストと画像は変更可能で、画像は読み込みたい画像のURLを記述することで表示されます。
また、[Calculate]ボタンの下に[Grid]と[Preview]ボタンを追加し、描画モードの変更機能も付けています。
現状では配置出来る要素が、
テキスト * 2つ
画像 * 1つ
だけですが、ボタンやフォームなどのパーツを増やしたり、
フォントサイズを変更機能などをつけていく予定です。
ただ、この3つの要素をいかに上手く配置するか、
少ない要素で上手にレイアウトをするのも良い勉強になると思います。
Web制作者向け：グリッド計算ツールGridpxを作ってみました
Gridpx betahttp://www.kenjisugimoto.com/gridpx/index.html
グリッド分割を計算していると、うまく割り切れなかったりで、時間がかかってしまう時があります。
そもそも、面倒くさいと嘆く人もいたりしますが、そんな方向けに作ってみました。
使い方
[1] 作成したいコンテンツの幅を入力します
[2] 分割したいカラム数を入力します
[3] カラム間のマージンを入力します
（キーボードの↑と↓で数値変更+関数実行します）
計算の苦手な方はぜひ使ってみて下さい。
