CSS の習得度レベル 5

あらゆる言語がそうであるように、プレゼンテーション言語である CSS にも習得度の段階がある。自分が思うレベル 5 を挙げててみた。とか、それらしく始めてみたけど実はかなりネタ気味な内容。ここ最近のあまりの忙しさに現実逃避で思いつくまま書き連ねてみただけ。当然の事ながら、この内容が万人に当てはまるわきゃないですよ ;-P

CSS 習得度レベル 1

• 色とか簡単に変えられるらしい事を知っている
• CSS を使うのはフォントサイズの指定くらい
• CSS を使うメリットが良く分からない
• レイアウトには table 要素を使えば良いと思う
• まず、何から覚えれば良いのか分からない

CSS 習得度レベル 2

• 外部 CSS ファイルのメリットを知っている
• ある特定の要素にスタイルを適用するには (X)HTML の方に ID かクラスを割り当ててから CSS で指定する
• CSS ハックでブラウザごとに指定を振り分けられるらしい
• 基本的なプロパティは覚えてきた
• ブラウザごとに見た目が違ってしまう理由が分からない
• フルスクラッチで CSS 書いてレイアウトした事が 1 回はある

CSS 習得度レベル 3

• いくつかのスタイルを作った経験がある
• 隣接セレクタや子供セレクタなどを含む全てのセレクタを使用した事がある
• 冗長的な記述を避け、適宜ショートハンドを利用してシンプルにする
• ブラウザによる解釈の違いがある程度頭に入っている
• いくつかの CSS ハックを使ってみた上でメリットやデメリットを理解している
• メンテナンスしやすいように自分なりのノウハウがある
• CSS の Specificity を理解している
• 一通り仕様書には目を通したことがある
• DOCTYPE スイッチの Standards mode とQuirks modeで解釈が変わる事を理解している

CSS 習得度レベル 4

• 自分なりのフレームワークを用意している
• 自分が書いた CSS は、他人でも一読すればすぐに理解できる
• 仕様書の内容は全て頭に入っている
• px、em、mm、pt などの単位それぞれが、相対サイズ、絶対サイズ、長さ、パーセントのどれに属しているか完全に理解している
• 属性セレクタを含む全てのセレクタの記法が完璧に頭に入っている
• 複数のブラウザで検証しなくても、頭に描いているレイアウトを組める自信がある
• オリジナルなハックを発見して広めたことがある

CSS 習得度レベル 5

• あらゆるメディアタイプのプロパティと値を全て覚えている
• CSS に関することなら知らないことは何もない
• そもそも仕様を作る方の人間だ