///

モジュール化の一案

wrote :

モジュール化のイメージ図

名前空間の名付けは任意に行う(bodyをそのまま名付けることはNG)。

unitモジュールにのみ文書を記述するようにするのがポイント。また固定のレイアウトであれば、unitモジュールにpaddingとmarginの設定を施し、それ以外のモジュールでwidth指定をするとブラウザ間のトラブルを回避することができるのがポイント。
またgroupとunitの位置づけを明確にする(たとえば見出しタグはgroup、それ以外の文書はunitなど)ことで更にグリッドなレイアウトを制作することができる。

川上 武範(かわかみ たけのり)
1975年生。シンプルシンプルデザイン代表兼Webクリエイター。たびのとWebサイト運営責任者。

企画からサイト設計、正しいマークアップを意識したWebサイト制作やユーザー視点の情報設計を得意としている。

シンプルシンプルデザイン
たびのと
twitter : たけたけ@OnlyTwo

メディア掲載
2016年10月25日 レバテックフリーランスの記事「自作Webサービス記事紹介まとめ」でサイト内の記事「Webサービス「たびのとTOKYO」を作ってみました」を紹介していただきました。