最近では、すっかり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/c3110fec48549aa39f1188b7c41f7fe4ed423c3e/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEjHWTJZZiKGQ8qYepymqgm7X_5yEIT7l5DXDlBJTeJ74QTe9hynIPJPcKRSw3nu3m9nfWiFvZyq4XR-TOw8tMlOp7nnE536BGa8DzV-jV8ugUyk7Vto18xdlGQNnniznEYaa-_RJ2GLBna-%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%2B15.46.04%2525EF%2525BC%252589.png)