Progresul nu se oprește! HTML5 și CSS3 sunt încrezători pas pe întinderi de pe Internet. În același timp, cerințele de eco-browser (inclusiv suport pentru browsere mai vechi) nu a fost anulat.
Se pare nestykovochka. Pe de o parte, vreau să folosesc puternice noi tehnologii web. Pe de altă parte, ignora vizitatorii cu browsere mai vechi nu pot! Și printre noul browser HTML5 și CSS3 nu este un astfel de sprijin pe deplin așa cum ne-am dori. Cum poate fi asta?
Acum, dacă ar exista o modalitate de a verifica browser-ul pe zbor pentru a sprijini acest lucru sau că noua tehnologie, sau mai bine încă, simplu și convenabil pentru a împărți stilurile pe principiul „dacă știți CSS3-chip, l utilizați, și dacă nu -. E soluția veche“
Ceva de genul asta:
Eh! Vise, vise ... Oh, nu! Eu nu visez. Realitatea!
Modernizr - testa capacitatea browser-ului
Modernizr - este biblioteca js, care vă permite să stabiliți cursul susținerea unei noi generații de tehnologii bazate pe web. Pus în aplicare două opțiuni cecuri.
Puteți referi la o clasă predefinită (care este atribuit automat elemente HTML). Această clasă va fi diferit pentru browsere de sprijin sau de a nu susține un anumit cip. Diferența va fi în prefixul „.no-“. De exemplu „.multiplebgs /-multiplebgs“ .Nu s-au (o listă a claselor enumerate mai jos). Aceasta este exact scenariul pe care tocmai l-am descris ca un vis devenit realitate. Nisa, la naiba, atunci când visele devin realitate!
HTML5 și IE
Plăcut plus - Modernizr învață IE să înțeleagă elementele de bază HTML5. Principiul este același cu cel al html5shiv. Deci, nu va asteptati la miracole. tag-uri
de exemplu, operațiune
Discursul introductiv Ceva a fost întârziat. E timpul să trecem la afaceri. Deci, cum face acest lucru arata ca in practica?
Ce piatră?
Pornire rapidă
Da, de fapt, asta e tot. Nu este necesară inițializarea suplimentară. Toate funcțiile pot fi deja juzat modernizr.
Să încercăm. Pentru a realiza visul. Rescrie exemplu despre text-umbra. astfel încât el a devenit un lucrător:
Și acum mai mult
Doar CSS alimentat va funcționa corect ca un plug nu dă automat clasa corespunzătoare pentru elementul HTML. De exemplu, codul dvs. ar putea arăta astfel:
Cât de multe inspecții ale noilor tehnologii, atât de multe clase. Desigur, sa dovedit un pic greoaie, dar, pe de altă parte, este o taxă foarte modestă pentru comoditatea. Nu uita, nu adăugați clase și script-ul!
exemple de scripturi
De exemplu, trebuie să conectați un font non-standard. Pentru aceasta vom folosi @ font-face. și pentru a nu înțelege browser-ul său web pentru a vă conecta cufon. Scrieți o condiție simplă: