グラフィックデザイン/Webデザイン・ポートフォリオ

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デザイナーがコーディングまでする意味がある。