2008.04.26
「CSS?Ajax?いや、まだ画像にしようか?このデザイン」
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に組みこむんだよなオレ。楽しみだな~。
users
Category:Ajax/プログラム | No Comments
- 「総統の夢.jpの全クリア攻略法」 users
- 「Windows7のマルチタッチ技術の評論」 users
- 「Wolfram|Alpha(ウルフラムアルファ)がリリース」 users
- 「twitterの背景をオリジナルにしよう」 users
- 「いろんな写真ジェネレーター」 users
- 「Google Ajax Feeds APIを導入しました」 users
- 「2009解散総選挙のGoogle選挙コンテンツ」 users
- 「大怪獣バトル ウルトラ銀河伝説 THE MOVIE を見てきた」 users
- 「Twitterでエヴァキャラクターがつぶやく」 users
- 「画像サムネイルを並べるRandom Image Plugin(for WordPress)」 users










Trackback URL
Comment & Trackback
Comment feed
Comment