どうやら最近巷で流行のCSSのモジュール化。
HTMLと CSS のテンプレートを事前に複数作成しておき、組み合わせによって作業工程をスキップし、生産効率を上げるっという夢のぷらん。一部制作会社では既に使されたりされなかったりしているらしい。
とりあえず仕事中に作成する暇はなさそうなので、趣味もかねてなんかそれらしいものを作っていこうかと。
そんなための覚書も兼ねて。
まずはデザイン要素の洗い出し。 Web デザインはどんなパーツによって形成されているのか？
- まずは色（背景画像なども含む）
- 文字（これはたぶん色にふくめたほうが良さげ。どのみちどんなに多くてもせいぜい10もつくれば事足りるだろうし、背景色や文字サイズによって編集が不可欠なものなので、ならいっそ色といっしょに管理したほうが楽っぽい）
- レイアウト（モジュール化という観点からいえば、大枠のレイアウトとページごとのレイアウトは別ファイルにするべきかと。
- わすれちゃいけないデフォルトCSS(ブラウザ毎のCSSを相殺するための処理)
と、こんなものでしょうか。よくわかんけど。
結局必要なファイルは
- デフォルト CSS
- 色 CSS
- 大枠のレイアウト CSS
- 各ページレイアウト用の CSS
の4枚。
そんなこんなでやっててよかったCSSの標準化計画。まだ ver1.0 にすら達していない段階で HTML 組むのは多少危険かもしれないけれど、別に趣味でやるので関係ない。
できたら、公開します。使ってなにか問題起きても、責任もちませんが。
そんなわけで公開。