CSS3について (1)
Webサイトの見た目(デザイン)を管理するCSS=Cascading Style Sheets(カスケーディング スタイル シート)。
1996年12月にCSS1が、1998年5月にはCSS2の勧告がされています。
その後、2004年2月にCSS2のマイナーチェンジであるCSS2.1が勧告され現在まで進化なしです。
現在、主に使われているのはCSS2。 ・・・というのが現状のおさらい。
そんな中、新たに策定中なのがCSS3。
特徴をざっと調べてみると、
- テキストに関するエフェクトを定義した「Text Effects」
- 背景やボーダーに関する「Backgrounds and Borders」
- HTMLのレンダリングを指定するための「Advanced Layout」
- グリッドレイアウトを実現する「Grid Position Module」
- 印刷表示用のページをレイアウトするための「Generated Content for Paged Media」
・・・などがあります。しかし、どれも勧告には至っていません。まぁ僕も横文字多くてよくわかりません。
しかし、すでに一部ブラウザでは実装されているとかいないとか。
もちろん全てではなく、策定中につきブラウザのバージョンアップに合わせて変更されていくと思います。
正直、こういうことされると落としどころに悩みます。あちらを立てればこちらが立たず状態です。
で、先走った主なブラウザ達が、Webkit系ブラウザ(Safari・Google Chrome等)、Mozilla系(Firefox等)、Opera系(Opera等)とか?
現状では、IEは関係なさそ。無ければ無いであきらめも付くのでしばらくは対応しない(できない)方向です。
でも、前もって予備知識を得ておく必要もあるので、少しCSS3を使ってみました。(Safari/Winのみ対応)
作ったもの

>>demo
上の画像のようなネームプレート(的なもの)をサンプルで制作しました。
用意する画像は2点。あとは通常通りHTMLファイルにCSSファイルを読み込んで制作します。
※Safari/Winのみ対応 ダウンロード
CSS3雑感
すごく便利。
Webデザインは表現上の「しばり」のため、手間と時間を惜しんであきらめたり、無理やり画像を使用したりと、苦労しなければいけない部分が多く、CSS3が今後、すべてのブラウザで実装されることは、かなりの表現が可能になるということになります。
これならWebデザイナーがコーディングまでする意味がある。
