HTML、CSS、およびJavascriptの習熟度レベル:パート2:CSS

HTML、CSS、およびJavascriptの習熟度レベルに関する一連の小さなメモの第2部は、注意を促します。 今日はCSSについてお話します。 このパートは、2006年1月11日にEmil Stenstromがブログで公開した記事「CSS知識のレベル」の一節の翻訳です。著者は、CSSを使用する人々の主要なグループを特定し、それらをどのように影響するかを理解しようとしています。 Web標準化の動き。







レベル0



CSS? これはある種のマルチプレイヤーゲームですか?



これらの人々は、おそらく一生のうちに単一のWebページを作成しなかったでしょう。 そうでない場合、彼らは純粋なHTMLを使用し、彼らが何をしていたかほとんど知りませんでした。 これらの仲間は、CSSの学習を開始するために#CSSチャネルに移動しません。 彼らはこのチャンネルを他のチャンネルと混同してしまいました。ほとんどの場合、CS:S. これらの人々を心配する必要はありません。 彼らは多くのサイトを成形する時間がありそうにないので、私たちの業界に大きな損害を与えています。



レベル1



はい、CSSを使用してリンクから下線を削除することがあります。



前のものとは対照的に、このレベルの代表者はすでにHTMLの基本を習得しています。 おそらく、これは少なくとも7年前に、ある種の単純なWebサイトを作成しようとしたときに発生したものです。 HTMLが処理できない単純なことを行う必要がある場合にのみ、CSSを使用します。 たとえば、リンクから下線を削除するか、行の高さを設定します。 そして、彼らが独自の曲がったウェブサイトを持っているとしても、それが巨大な出席を誇ることができることはありそうにない。 これらの人々からはそれほど害はないと結論付けることができます。



レベル2



いや...私はdivが好きではありません。 テーブルの操作がはるかに簡単になりました。



最初のレベルでHTMLをいじって、これらの人々はさらに進んだ。 彼らはHTMLテーブルをマスターし、それらを使用してページのコンテンツを配置し始めました。 この時点から、新しい方法とアプローチはあまり興味がありません。 はい、彼らは他の人が「divを使って自分のページをマークアップする」と聞きました。 ある晴れた日、彼らはチップが何であるかを理解しようとして無駄に数時間も費やし、本質を理解せずに、彼らはおなじみのテーブルレイアウトの世界に、おそらく永遠に戻った。 そして彼らの多くはCSS構文を知っていますが(時にはそれ以上)、このパスは曲がりくねっていて厄介であり、すべてのブラウザで結果が機能するとは考えていません。

注意! これらは危険な人々です。 それらのいくつかは、大企業サイトのウェブマスターですらあります。 彼らはこの業界で長い間働いてきたので、多くはすでに部門長の階級に達しています。 これらの人々にとっては、手を差し伸べることが非常に重要です。 成功すれば、これは業界全体にプラスの影響を与えます。 あなたがウェブ標準のチャンピオンであるなら、これらの人々はあなたの第一の目標です。



レベル3



はい、CSSについて多くの良いことを聞きました。 しかし、私はそれを使用することはできません。なぜなら...



このグループの人々はまだポジショニングにCSSを使用していませんが、この技術に少し精通しており、それについて多くの良いレビューを聞いています。 彼らはすでに単純なレイアウトを作成しようとしており、それを好む人さえいました。 ここでの問題は、何かが彼らの前進を妨げることです。 多分彼らは第2レベルのボスを持っているか、彼らのサイトはNetscape 4で普通に見えるはずです。多くの理由があります。

これらの人々は、CSS がどこでも機能しないにもかかわらず、それが世界の終わりではないことを知っている必要があります。 古いブラウザでも、コンテンツを最も純粋な形式で正しく表示できます。 ただし、これは新しい視聴者を引き付けるのに役立ちます。CSSを使用すると、アクセシビリティとユーザビリティの分野で多くの利点が得られます。 新しいブラウザでは、コンテンツをより適切に表示できます。 新しいコンテンツの追加は簡素化される可能性が高くなります(これにより、品質が向上します)。 このことをこのグループの人々に伝えてください。 あなたが彼らに影響を与えることができなくても、それは大丈夫です-彼らは決定を下しません。 しかし、良い結果が得られれば、彼らが上司に及ぼす影響はあなたの努力に値するでしょう。



レベル4



CSS? もちろん、レイアウトにはdivを使用します。



このグループの代表者がサイトレイアウトにdivのみを使用することは珍しくありません。 ページの各部分は、多くの場合慎重に選択された識別子(#toprightredlineまたは#r5_c7など、「r」は行(行)を表し、「c」は列(列)を表す)でdivになり、その後、絶対座標系(位置:絶対)ピクセルまで正確。 見た目が良く、地獄、 XHTMLバージョン1.1のようなテストにも合格していますが、CSSの利点のほとんどを無視しました。 これらのページはスクリーンリーダーでひどく動作します。 古いブラウザでも同じことが言えます。ユーザーに表示されるのは、書式設定されていない大きなテキストです。 間違ったクラス名と識別子を使用すると、レイアウトを変更する機会が失われます。晴れた日の赤い線が黒くなる場合、すべてのHTMLドキュメントを変更する必要があります(数百もあるかもしれません)。 これらの人を馬鹿と呼ぶことも、Googleに「css」を送信することもできません。 彼らはすべてが精神的能力で正常であることを知っており、GoogleからCSSについて学びました。 特定の方法でサイトを改善する方法を伝えるのがよいでしょう。 メリットについて説明します。

第4レベルの開発者は、サイトの品質をかなり低下させます。 ただし、多くの場合、批判を受けやすく、新しいアイデアを受け入れやすいため、被害はそれほど大きくありません。 最後に、彼らはCSSを学び始めました。



レベル5



デザインにはCSSを使用しています。 これは、テーブルレイアウトよりも便利です。



多くの記事や本を読み、志を同じくする人々と話し、基本的なアイデアを吹き込んだ後、ほとんどの開発者は第5レベルに達します。 このレベルでは、CSSを自由に使用でき、これが最適な理由を正確に知っています。 サイトの作成プロセスで小さな問題に直面している人もいますが、これらの問題はたいてい深刻ではありません。 構造と設計の分離に関しては、このアプローチの利点を説得力をもって実証できます。 最後に、この技術の弱点をすべて調査するために、かなり長い間CSSを使用しています。



レベル6



CSSのバージョン もちろんです! についての私の新しい本を読んでいますか...



一部の人々は、方法と理由をもっと知る必要があります。 これらの人々は、CSSの使用方法を改善し、CSSの新しい使用方法に関する膨大な記事を書くよう努めています。 彼らは常にCSSの基本に戻り、古い問題を解決するための新しいアプローチを見つけます。これは、多くの場合、さらに多くの記事につながります。 CSS仕様全体を実際に読んでいる人もいれば、メモリから、どの部分がどのブラウザでサポートされているかを知ることができます。 これらは初心者向けのロールモデルとして機能し、その影響を通じて業界全体にプラスの効果をもたらします。 多くがWeb Standards Projectで働いており、彼らのサイトでバグを見つけたとしても、そこに終わったのには正当な理由があります。 彼らに聞いてみてください。



All Articles