Introduzione a HTML5 - HTML5 con CSS e JavaScript - page 16

viene definito, attraverso una libreria di appoggio, se quella particolare specifica è suppor-
tata a runtime.
In tal senso, la libreria più diffusa è Modernizr ( http://modernizr.com/ ), che
è composta da un file JavaScript da includere nella pagina.
Questa libreria funziona in maniera molto semplice: aggiungerà come classe CSS al tag
html della pagina le feature che supportate. Nell'esempio 1.3 viene mostrato come fare,
in modo che possano essere sfruttati i nuovi background multipli, se presenti, e di fornire
un background unico come opzione predefinita.
Esempio 1.3
#myDiv {
background: url(background-full.png) top left repeat-
x;
}
.multiplebgs #myDiv {
background: url(background.png) top left repeat-x,
url(background.png) bottom left repeat-x;
}
Se il browser supporta i background multipli, infatti, Modernizr aggiungerà la classe multi-
plebgs al tag html, consentendoci di gestire al meglio i browser moderni, senza penalizzare
quelli più recenti.
Oltre che attraverso il markup, è possibile gestire la feature detection anche via Ja-
vaScript, come nell'esempio 1.4 , in cui testiamo se il browser supporta le funzionalità di
GeoLocation API.
Esempio 1.4
if (Modernizr.geolocation) {
// abbiamo il supporto per la geolocation
}
Dispositivi mobili
Quando parliamo di dispositivi mobili, ci riferiamo principalmente agli smartphone o ai ta-
blet di ultima generazione, dotati di sistemi operativi come Apple iOS (usato su iPhone e
iPad), Android, Windows e BlackBerry, tanto per citare i casi più significativi.