Home - Blog - 2009年9月アーカイブ

Blog - Output

<<2009年8月 | Blog Top | 2009年10月>>

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_img1.gif

>>demo
上の画像のようなネームプレート(的なもの)をサンプルで制作しました。
用意する画像は2点。あとは通常通りHTMLファイルにCSSファイルを読み込んで制作します。
※Safari/Winのみ対応 ダウンロード


CSS3雑感

すごく便利。
Webデザインは表現上の「しばり」のため、手間と時間を惜しんであきらめたり、無理やり画像を使用したりと、苦労しなければいけない部分が多く、CSS3が今後、すべてのブラウザで実装されることは、かなりの表現が可能になるということになります。
これならWebデザイナーがコーディングまでする意味がある。

| | Comment(0) | Trackback(0) | Posted by kuno

今のブラウザシェア

現在のブラウザシェアは、2009年8月のマイコミジャーナル(09.9.2記事)によると、
1. IE (66.97%) > 2. Firefox (22.98%) > 3. Safari (4.07%) > 4. Chrome (2.84%) > 5. Opera (2.04%)

一応の補足で、5月時点では、
1. IE (66.07%) > 2. Firefox (22.50%) > 3. Safari (8.23%) > 4. Chrome (1.41%) > 5. Opera (0.68%) ・・・と、あまり目立った変化ないように思います。


未だIEが(ぼほ独占とはいかなくても)根強い印象です。


とはいえ、そんなIEは6.0、7.0、8.0と3つのバージョンが混在しています。(個人的にはコッチのデータが大事)
バージョン別に見ると、
1. IE6 (25.25%) > 2. IE7 (21.10%) > 3. IE8 (15.10%) > 4. Firefox3.0(12.48%) > 5. Firefox3.5 (8.88%) ・・・以下省略

こちらも補足で5月データ。
1. IE7 (44.54%) > 2. Firefox3 (20.27%) > 3. IE6 (17.48%) > 4. Safari3.2 (4.30%) > 5. IE8 (3.96%) ・・・以下省略


IE8(3月末リリース)が5月時点で3.96%であることから、結構シェア拡大すると思ってたけど、IE6はともかくIE7がかなり減ってます。Firefoxも全体でみるとシェア増えてるようだし、カオスですね。
今の主流のブラウザは○○○と捕らえるより、より一層クライアントが仕様してる環境、アクセス者の環境を知る必要が改めて強まってますね。
大体IEですけど。


IEは6~8の頭の良さがかなり違うので、まだまだWeb制作者泣かせです。IE8はほぼWeb標準に則してくれてるらしいけど、そろそろIE6だけでもなんとかならないかなぁと思います。

| | Comment(0) | Trackback(0) | Posted by kuno