W weekend wookieb podesłał linka do interesującej biblioteki JavaScript – Modernizr. Dzięki niej wykrycie jakie funkcjonalności obsługuje nasza przeglądarka to pestka. Co więcej, nie napiszemy ani jednej linijki w JavaScript. Jedyne co musimy zrobić, to dodać bibliotekę do strony i… cieszyć się efektami. Modernizr na podstawie wykrytych funkcjonalności, do tagu HTML doda klasy CSS jednoznacznie opisujące czego możemy spodziewać się po przeglądarce. W pliku ze stylami możemy wykorzystać nowe klasy do zastosowania rozwiązań zapasowych. Prosty przykład:
.multiplebgs div p {
/* properties for browsers that
support multiple backgrounds */
}
.no-multiplebgs div p {
/* optional fallback properties
for browsers that don't */
}
Po więcej szczegółów odsyłam na stronę biblioteki – www.modernizr.com
I oprócz tego pozwala używać tagów HTML5 w starszych przeglądarkach.
Jest piękny, it’s beautiful
http://headjs.com/ – to samo + możliwość równoległego ładowania JS (ale nie testowałem jeszcze).
Pozdrawiam
To ja posunę się krok dalej i polecę cały zestaw „startowy” do przyjemnego programowania HTML5.
html5boilerplate.com
Wykorzystuje m.in. Modernizera.