最近では、すっかりCSS3を利用する人には定着した「modernizr」当初は、CSS3の対応状況をチェックするツールと誤解をしていた人も多くいました。しかし、このツールは、CSS3やHTML5のサポート状況をclass名としてhtml要素に反映し、そのclass名を利用して「プログレッシブ・エンハンスメント」を適用するJavaScriptです。 html 要素に CSS3のサポートされているか?されていないか?で別々の class名を記述します。 例えばブラウザが「multiple background」を サポートしている場合 <html class="multiplebgs"> </html> サポートしていない場合 <html class="no-multiplebgs"> </html> CSSの記述 .multiplebgs div p { /* properties for
![絶対に使いたい、modernizr 2.0](https://cdn-ak-scissors.b.st-hatena.com/image/square/c504b4c42773e436b325c26a405e93e5a005e1fa/height=288;version=1;width=512/http%3A%2F%2F3.bp.blogspot.com%2F-KeBJ0E4Em_w%2FTYL-vt78gcI%2FAAAAAAAAAec%2Fh6eTLRlv1Sk%2Fw1200-h630-p-k-no-nu%2F%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252582%2525B7%2525E3%252583%2525A7%2525E3%252583%252583%2525E3%252583%252588%2525EF%2525BC%2525882011-03-18%252B15.46.04%2525EF%2525BC%252589.png)