プログレッシブ・エンハンスメントを意識するとCSS3へのためらいが減った

CSS3を使うにあたってネックになるのがIEの存在です。このブログで何回も言っているように、CSS3への対応が遅い上にユーザーのバージョンアップも進んでいません。

しかし、このブログではIEのことはあまり気にせずCSS3を使っています。このブログのユーザーは一般的なサイトに比べてIEユーザーが極端に少ないというのも理由のひとつとしてありますが、プログレッシブ・エンハンスメントという言葉を意識するようになったのが最も大きな理由です。

progressiveenhancement.jpg

CSS3を使うにあたって知っておきたいIE対策のまとめ

CSS3を使うにあたっていつも問題になるのが Internet Explorer(IE)です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか?

ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。

css3-ie678.png

CSS3のtransition-timing-functionの動きをサンプルで理解しよう

このブログでも多用しているtransitionですが、変化の仕方を表すtransition-timing-functionについては、違いが分からないという人もいるのではないでしょうか?

transition-timing.png

IEでもそこそこできる!CSSで作る画像のようなボタン

今日、CSS3の勉強になるかも!?画像を使わないボタンの作成手順という記事を書いたのですが、IEに対応していないと残念に思われた方もいらっしゃるようですのでIEでも作ってみます。

css3-pie-button.png

CSS3の勉強になるかも!?画像を使わないボタンの作成手順

CSS3を使うと画像のようなボタンも簡単に作れます。よくあるタイプのボタンですが、できあがりのコードだけだと勉強にならないので、作り方を順番に紹介していきます。

css3-button-tittle.png
Recent Entry
Popular Entry