「CSS?Ajax?いや、まだ画像にしようか?このデザイン」

| 0 comments

  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加

「あれもこれもそれも」CSSかろうじで、なんとか現役です。
デザインは大丈夫。現役です。
Takumaです。
 
【CSS 3】
CSS のバージョンは複数あり、現在 Level 1 と Level 2、そして開発中の Level 3 がある。CSS3では全体がモジュール化され、ユーザエージェントがどのモジュールに対応し、どのモジュールに対応しないか自由に選択できるようになる他、縦方向の書字や、HTML以外の規格にまで関与した内容となっている。現在、どのモジュールも勧告には至っていない。(by ウィキペディア辞書)

それはそれは、2年か3年前のあの頃。
枠線(border)角まるや、ドロップシャドウは、計9マスのTableタグを形成し、
画像をスライスしてそれぞれに画像を入れていました。

いまでは、CSSコーディング化が進んで、もっとお手軽なやり方や
Ajax(というか、javascriptね)で簡単にid指定(or class指定)すれば出来てしまったり、いい時代になりました。。。

とか思っていたら、次世代ブラウザのSafari 3では、
CSS 3の草案「CSS3 Backgrounds and Borders Module」のプロパティの一つ「box-shadow」が「-webkit-box-shadow」というプロパティ名で利用できるらしいのだ。

Photoshopのように「色」や「縦横のオフセット」や「ぼかしの半径」まで設定可能。なってこったい。

詳しい、プロパティ設定は以下を参考に。(いろいろな活用方法も載ってる)

▼ボックスにドロップシャドウの効果をつける–Safari 3のCSS対応▼
http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20372207,00.htm

W3Cの勧告もまだだし仕事での実装はまだ早いけど、jsでおもしろいエフェクトとか公開されたらノリノリでTakumart.netに組みこむんだよなオレ。楽しみだな~。

コメントを残す

Required fields are marked *.


▲このページトップへ

takumaの「デザインはあれでアートはそれで」