このページは旧システム(MT3.33-ja)によって生成されていました。最新の記事はドブログトップページからご覧ください。

CSS+HTMLマニアへの道

2005年04月05日
CSS+HTMLマニアへの道
[Web]

CSSの講義とかしてるんですが、何を覚えて、何を理解していけばいいのかがイマイチ分かりにくいということなので、下のようなフローを作った。ネタとして見てくださいな。

茶坊主(最初はみんなここから)
  ↓CSSが読める
  ↓基本的なHTMLが書ける
  ↓デバックが出来る(Lint、BorderDebug)
初心者(何が分からないかが分かるようになる)
  ↓スペーサーをあまり使わなくなった
  ↓table要素のネストが減った
  ↓非推奨属性が減った
  ↓Netscape4.xの限界を肌で感じた
  ↓ブロック要素とインライン要素の違いが分かった
中級者(CSSを実戦投入可能なレベル)
  ↓CSSの有り難味が分かった
  ↓HTMLのなんたるかが分かった
  ↓Displayプロパティを使い始めた
  ↓Positionプロパティを使い始めた
  ↓装飾画像を背景に置き換え始めた
  ↓スペーサーや無駄なtable要素が無くなった
  ↓連続したbr要素が無くなった
  ↓簡単なハックを使い始めた
  ↓HTMLファイルからstyle要素とstyle属性が消えた
上級者(普通はこの辺でOK)
  ↓物理要素を使わなくなった
  ↓どんなデザインが実現不可能かが分かるようになってきた
  ↓WinIE、MacIE、Gecko、Opera、Safariの特徴、バグ、傾向を理解できた
  ↓ブラウザのJavaScript振り分けなんていらない
  ↓Dreamweaverに別れを告げた
  ↓だんだんIEが嫌いになってきた
  ↓DTD?常識でしょう
達人(これ以上はディープワールド)
  ↓子セレクタ、隣接セレクタ、属性セレクタ、擬似要素を使うようになった
  ↓論理要素のみでマークアップ、その後CSSを適用するスタイルが板に付いた
  ↓どこかのページにいくと、内容の前にソースを見る
  ↓HTMLにエレガントさを求めるようになってきた
  ↓:after+contentってIEでサポートしてないの?使えねー。
  ↓CSS3まだー?
  ↓秀丸で書いたHTMLがLintで100点は当たり前
  ↓ていうか、Lintに頼るのも良し悪しだな
マニア(他の事やりなさい)

ちなみにtableレイアウト非経験者は「茶坊主」から「中級者」までショートカットできます。

| 投稿時間:18:51 | トラックバック (0) | この記事のページ

このページの先頭へ(T)

Copyright 1999-2007 by Suito [yoidoreusagi@doburoku.com]