CSS3が非対応なブラウザでも利用できるようにするツールのまとめ

CSS3が非対応なブラウザ（IEですが）でも、CSS3を利用できるようにするスクリプトを紹介します。

Modernizr

[ad#ad-2]

ツールの概要

• JavaScript
• ドキュメント

利用できるプロパティ

• @font-face
• border-image
• border-radius
• box-shadow
• text-shadow
• opacity
• Multiple backgrounds
• CSS Animations
• CSS Gradients
• など

CSS3 PIE

ツールの概要

• ビヘイビア スクリプト(htc)
• デモページ

利用できるプロパティ

• border-radius
• box-shadow
• border-image
• multiple background images
• linear-gradient as background image

Selectivize

ツールの概要

• JavaScript
• jQueryやYUIなどのフレームワークと組み合わせて使用

利用できるプロパティ

• CSS3の各種セレクタ

[ad#ad-2]

cssSandpaper

ツールの概要

• JavaScript

利用できるプロパティ

• transform
• opacity
• box-shadow
• gradients
• RGBa, HSL, HSLa

CSS 3 Media Queries for all Browser

ツールの概要

• jQueryのプラグイン
• Example

利用できるプロパティ

• Media Queries

IE-CSS3

ツールの概要

• ビヘイビア スクリプト(htc)

利用できるプロパティ

• border-radius
• box-shadow
• text-shadow

ie7-js

ツールの概要

• JavaScript
• デモページ

利用できるプロパティ

• 透過PNG
• CSS3の各種セレクタ
• 各プロパティのIEでの不具合を正常に機能させます