CSS3について

コメント強化の関係のバグ解決に疲れてしまったので、ちょっと休憩ネタ。

このブログのテーマとしている「ＷＥＢのお勉強」ネタにコメントをいただけたのと、
ちょっと面白いサイトを発見したので、紹介を兼ねてのＣＳＳ３の記事です。

まず、あまり詳しくないのですが、ＣＳＳとは
Cascading Style Sheets（カスケーディング・スタイル・シート）の頭文字のこと。
ＨＴＭＬ分の見た目の部分を構成するファイル（拡張子ＣＳＳ）のこと。
詳しくは⇒ウィキペディアの説明

現在（２０１１年４月）、CSS2というヴァージョンに、ほとんどのブラウザは準拠している。
（IEに関しては、異論がある方が多いと思うが…）
ので、それにしたがって、サイト作成者はCSSを作成している。

ＣＳＳ３とは、新しいヴァージョンのＣＳＳで、今までになかったものが実装されています。
ただ、いまいち広まってこないのは、IE7、ＩＥ８が対応していないからです。

このサイト、記事を囲っているエリア。丸くなって影がありませんか？
（もしなっていなかった。教えてください。）

サイドバーにある各種内容を囲っているもの、丸くないですか？
丸くない方。使っているブラウザがＩＥ（インターネットエキスポーラ）ですね。
（もしくは、そのエンジンを利用しているブラウザ（SleipnirやLunascapeなど））

CSS3にて、新しく導入されたものの代表が、この丸くする、影をつけるものです。
あえて、勉強のために使ってみました。
この内容については⇒CSS3を使ってレイアウト変更

この機能が出る前はアールをつけた画像を四隅に入れたりとそういったことを行っていきました。

ＣＳＳ３を使って、面白いことをやっているサイトを発見したので紹介。
なんと、ＣＳＳ３をつかってドラえもんを書いています（画像を一切使わずに）。
出来が良すぎて、一般的にすごさが伝わらないかもしれません。
でもこれ、画像じゃないんです。⇒CSS3ドラえもん
（ＩＥで見ると四角いドラえもんです。これはこれでかわいい。）
裏技shop DDさんのCSS3ドラえもんの記事
Pure CSS Design

あわせて、見つけたＣＳＳ３についてのまとめられた記事
（自分のためにリンク張っておきます。）
Webparkさん記事

ＩＥのみ使っているかた、記事の意味が良く分からなかったかもしれません。
これを気に、違うブラウザも使ってみませんか。
ほとんどが無料ですし、ＩＥと併用できます。