CSS は素晴らしいテクノロジだと思いました。CSS3 の導入により、CSS はかつてない高みに達しました。しかし、CSS に関しては行き過ぎではないでしょうか? この記事では、Web デザイナーの観点から、CSS のいくつかの実験的なアプリケーションについてもう一度考えてみます。
CSS を使った前衛的な実験
それぞれの実験では異なる方法が使用されます。CSS の線描画など、実際に応用できるものもあります。CSS によって実装された Twitter のフェイル ホエールの描画など、これらの実験の目的は単なる実験です。 CSS で何ができるかを示していますが、このように実行する必要があるという意味ではありません。
実践的になりましょう
上の写真は、純粋な CSS を使用して実装されたソーシャル メディア ネットワークのロゴです。素晴らしいですね。
私は最近、Faruk Ateş の記事「Pure CSS Icons: Make The Madness Stop」を読みました。この記事では、一部の人々が CSS をデザイン ツールとして使用しようとし始め、すぐに多数の模倣者が発生したと述べています。アクセス可能なアプローチですか？設計や開発に統合することも、調整することも簡単ではありません。
完全に CSS に基づいている上記のソーシャル ネットワークのロゴと同様に、これはさまざまな線の組み合わせにすぎませんが、印象的で創造的ですが、そのようなロゴを作成するには数時間の労力が必要になる可能性があるため、実用的ではありません。 Photoshop で同じ絵を描くとまったく手間がかからず、効果がより良くなります (より詳細に)。
Ateş 氏は、この方法で生成されたアイコンの保守性にも問題があると考えています。アイコンを調整するには、当初はピクセルを調整するだけでしたが、同時に CSS 定義を変更する必要があると述べました。 CSS ロゴ、この種のことを行うには CSS は最適ではないとも言いました。
HTTPリクエストを減らしますか?
上の写真のアイコンはすべて CSS で生成されており、作者はこれを販売しており、40 個のアイコンを 25 ドルで販売しています。これらのアイコンは非常に美しくデザインされていると認めざるを得ません。これらの CSS を設計した作者の本来の目的は、これらのアイコンでは追加の画像ファイルのリクエストが必要ないため、これらの Web サイトに対する HTTP リクエストの数を減らすことです。しかし、小さなアイコン ファイルによってもたらされる HTTP リクエストは本当に言及する価値があるでしょうか? さらに、CSS スプライト テクノロジを使用すると、これらのアイコンを同じ画像に配置し、CSS の位置を指定して表示できます。必要なのは 1 つの HTTP リクエストだけです。尋ねるだけで十分です。さらに、これらの CSS バージョンのアイコンがどれだけの帯域幅を削減できるかは本当に疑問です。
セマンティクスの精神に基づいて
特定の視覚的ニーズを達成するために、DIV や SPAN などの追加タグを使用することがありますが、これは非常に非セマンティックであることを認めなければなりません。ただし、CSS 描画はさらにセマンティックではありません。CSS の本当の使命は、Web ページ内のコンテンツを変更することであり、コンテンツ自体を作成することではありません。 Web ページ内のグラフィック自体はコンテンツのカテゴリに属しており、CSS を使用して作成すべきではありません。
この記事のオリジナルのソース: blog.echoenduring.com CSS はやりすぎですか? （原著者：マット・ウォード）
中国語抜粋出典: Ruishang Enterprise CMS Web サイト コンテンツ管理システム公式 Web サイト