#3 CSS3 Wissen woran man ist mit Modernizr

Der Modernizr hilft dabei zu wissen wie weit der Browser ein CSS3 Feature unterstützt. Modernizr ist ein JavaScript, das die CSS3- und HTML5-Elemente testen kann. Auf deren Website einfach alle Checkboxen zu CSS3 und HTML5 anklicken, die JavaScript-Datei erzeugen lassen und downloaden.

Dann heißts einbinden in seine Website:

<script src="js/modernizr-css3-html5.js" type="text/javascript"></script>

Modernizr fügt damit einige Klassen dem html-Tag hinzu. Alle no-… Klassen die dann im html-Tag auftauchen werden nicht unterstützt. Findet sich z.B. ein rgba weiß man, dass rgba() funktionieren wird im Browser. Im Firefox den Firebug aktivieren und einfach den DOM-Baum ansehen unter der HTML Registerkarte.

Ein Beispiel zu einem div-Tag mit Box Shadow in der Anwendung mit Modernizr steht schon und wird am 22.März.2013 veröffentlicht.

Advertisements

Kommentare

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s