Modernizr - HTML5 és a CSS3 ma
Haladás nem hagyja abba! HTML5 és CSS3 benne lépés a kiterjedésű az Internet. Ugyanakkor, cross-browser (többek között a támogatás régebbi böngészők) nem törölték.
Kiderült nestykovochka. Egyrészt, szeretném használni hatékony, új internetes technológiák. Másrészt figyelmen kívül hagyja a látogatók régebbi böngészők nem lehet! És azok között az új böngésző HTML5 és a CSS3 nem olyan teljes mértékben támogatja, mint azt szeretnénk. Hogy lehet ez?
Most, ha lenne egy módja annak, hogy ellenőrizze a böngésző menet közben, hogy támogassa ezt, vagy hogy az új technológia, vagy még jobb, egyszerű és kényelmes osztani a stílus az az elv „ha tudja, CSS3-chip, használja azt, és ha nem - ott van a régi megoldás.”
Valami ehhez hasonló:
Eh! Álmok, álmok ... Ó, nem! Nem álmodom. A valóság!
Modernizr - teszt képes a böngésző
Modernizr - jelentése js könyvtár, amely lehetővé teszi, hogy meghatározza során a támogatás egy új generációs web-alapú technológiákat. Megvalósult a két lehetőség ellenőrzéseket.
Lehet hivatkozni egy előre meghatározott osztály (ami automatikusan hozzárendelt HTML elemek). Ez az osztály más lesz böngészők támogatása vagy nem támogatja egy adott chip. A különbség lesz az előtag „.no-”. Például „.multiplebgs / .no-multiplebgs” (egy osztályok listáját, alább felsorolt). Ez pontosan az a forgatókönyv, amely az imént, mint egy álom vált valóra. Nice, a fenébe is, amikor az álmok valóra válnak!
HTML5 és IE
Kellemes kívül - Modernizr tanítja IE megérteni alapvető HTML5 elemek. Az elv ugyanaz, mint a html5shiv. Tehát ne várjon csodát. címkék
működési példa
Valami bevezető beszédet késett. Itt az ideje, hogy szálljon le az üzletet. Szóval, hogyan ez néz ki a gyakorlatban?
Mi szikla?
Gyors indítás
Igen, valóban, ez minden. További inicializáló van szükség. Minden funkciója már modernizr juzat.
Próbáljuk. Ahhoz, hogy az álom. Átírni a példában a text-shadow. így, hogy ő lett a munkavállaló:
És most még
Csak Melyik CSS fog működni, mint egy plugin jelent automatikusan adja ki a megfelelő osztályt a HTML elem. Például a kódot a következőképpen nézne ki:
Hány vizsgálatok az új technológiák, így sok osztályok. Persze kiderült, egy kicsit nehézkes, de másrészt, ez egy nagyon szerény díjat a kényelem. Ne felejtsük el, nem ad hozzá osztályok és script!
példa scriptek
Például meg kell csatlakoztatni egy nem szabványos font. Ehhez használja a @ font-face. és nem értik a webböngésző, hogy jelentkezzen cufon. Írj egy egyszerű feltétel: