Modernizr – No feature? No problem.

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

  1. I oprócz tego pozwala używać tagów HTML5 w starszych przeglądarkach.

  2. Jest piękny, it’s beautiful :P

  3. http://headjs.com/ – to samo + możliwość równoległego ładowania JS (ale nie testowałem jeszcze).

    Pozdrawiam

  4. To ja posunę się krok dalej i polecę cały zestaw „startowy” do przyjemnego programowania HTML5.
    html5boilerplate.com
    Wykorzystuje m.in. Modernizera.

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting