« 今日の Good Morning! | トップページ | ここはどこのビーチ? »

2012.07.03

HTML5 と CSS3 と Grid

Zb0703

 先週からあれこれリニューアルを考えている Zushi Beach のサイトだけど、いまのページをほぼそのまま HTML5 と CSS3 で再現することにした。
 いやちがうな。リニューアルする前段階として、まず HTML5 と CSS3 でテストしたといった方がいいだろう。
 現在のページと写真のサイズがちょっと違うだけで、というか、それはリニューアルした際に、写真の右側にテキストを流したいということで、変えてみたということだ。

 あれこれ考えてみたんだけど、リニューアルは Grid System でやってみようかと思っている。
 なんとなくどこかで見たことがあるようなレイアウトになってしまうかもしれないけど、各記事をきちんとした配列をしてみて、それで全体のバランスをとってみたらどうかということだ。
 これだといま悩んでいるガチッとしたデザインしちゃおうかどうしようかという部分を考えずにすむからね。
 だって、Grid なんだもの。画面をカラムで分解して、それをいくつかにまとめてデザインしちゃうんだよ。カチッとしたものになるというか、それが前提になっちゃうから悩むことはないというわけだ。

 それでデザインをしてみて、それからどうするかを考えよう。
 しかし、Grid を利用するとなると、実際にコーディングする前の設計図というかデッサンというか、たぶん margin やら padding なんかを含めて、各パーツのサイズを計算して Grid で切っていくことになるから、準備をきちんとする必要があるだろう。
 ってもしかして方眼紙なのか?
 なんかてきとうなツールはないのかなぁ。
 ちょっといろいろと探してみよう。

|

« 今日の Good Morning! | トップページ | ここはどこのビーチ? »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/476084/46168689

この記事へのトラックバック一覧です: HTML5 と CSS3 と Grid:

« 今日の Good Morning! | トップページ | ここはどこのビーチ? »