- 2009-06-06 (土) 15:57
- その他 | グラフィック・ホームページ | プロダクト・家具
そして最近、キャンドルナイトのための新しいホームページ制作を
これまたデザインではなく、不慣れなコーディングの立場で関わることになった。
実はウェブ制作には、テーブル制作とcss制作と２つの作り方があって、
（細かい説明は長くなるので省きます）
僕はもともとテーブル制作という旧式のグリッドシステムに慣れていてた。
しかし、近年は、メンテナンスや汎用性を考えると
構造と体裁は切り分けたほうがいいという理由から、cssをつかった作り方が主流になっている。
なので「フルcssでwebを自由につくれるようにならなくては」と思いつつも、
新しい不慣れなやり方を煙たがっていた。 それが今回のキャンドルの仕事で、
一緒に作業している信岡くんがつくってくれたコードをもとに試行錯誤しながら昨日、ほとんど完成する。
実際にフルcssで、コンテンツと構造を分離してつくってみると、 すごく構造的な気持ちよさがある。
もちろんデザインの変更しやすさなどの実用的なメリットもある。
この面白さを伝えるのは文章じゃあちょっと難しいですが、ここにも骨的おもしろさがある。
この感覚は、ボールペンを分解したときのわくわくに近い。
構造と体裁の分離って、建築やプロダクトといったほかのデザイン領域に適用したらどうなるんだろ。
つづく
毎日コミュニケーションズ
売り上げランキング: 300
とりあえず打ち込むだけで覚えた人が読むとおもしろい本
サンプルが少ないから、ちょっとイマイチ。
入門者も平気？？ これからxhmlを学ぶ人は買っておいたほうがいいのでは。 とても分かりやすいです。
関連記事：
骨的おもしろさの抽出 – extracting stractural interests [Link]
YUKO ショッピングサイト – YUKO London Shopping Site [Link]
YUKO Salon Locator – サロンロケーター [Link]
計算知識エンジン – WolframAlpha, Knowledge Engine [Link]
参考：
Cascading Style Sheets – Wikipedia [Link]
IE6デザイン新手法 Universal Internet Explorer 6 CSS – マイコミジャーナル [Link]
テキスト部分のスタイルシートをサクッと一括で作成 – WEBマーケティング [Link]
Webは開発プラットフォームとして機が熟した、グーグルCEOが講演@IT [Link]
とほほのスタイルシート入門 [Link]
CSSレイアウト実践講座 [Link]
CSSリファレンス [Link]
［柔軟すぎる］IEのCSS解釈で起こるXSS [Link]
HTML/CSS/RSSの妥当性を検証する14のツール | エンタープライズ [Link]
- Newer: 構造で眺めるメガネ – glasses to see through the structure
- Older: 骨的おもしろさの抽出 – extracting stractural interests
コメント:1
- 魯祐の巻物 | yousakana memo 09-06-06 (土) 16:57
-
構造で眺めるメガネ – glass to see through the structure
しかし、構造的な面白さ・美しさを追求すると、 それは作り手側の都合である場合が多…
トラックバック:0
- このエントリーのトラックバックURL
- http://yousakana.com/wordpress/wp-trackback.php?p=2401
- Listed below are links to weblogs that reference
- コンテンツと構造の分離 – separation of content and presentation from 物語を届けるしごと | yousakana blog
