Responsive web design: Risorse

News

Durante la fase di sviluppo di un sito scegliamo di controllare la resa visiva sul nostro browser preferito, a fine lavoro verifichiamo invece il risultato con gli altri browser. Ed è qui che iniziano le sorprese.
Analizzando il sito con internet explorer troviamo i primi grattacapi, purtroppo IE non supporta le media queries e se hai realizzato un sito responsive sarà visibile solo da chi ha un browser recente. Ma per fortuna esiste una soluzione al problema e andiamo a vedere insieme di cosa si tratta.

Respond.js

L'utilizzo dello script js aggiunge il supporto alle media queries, min-width, max-width e tutti i media types per i vecchi browser.
In questo modo le istruzioni riportante al loro interno possono funzionare correttamente.

La libreria si può richiamare nel seguente modo:
<script type="text/javascript" src="js/respond.min.js"></script>

Arrivati a questo punto chi sviluppa il sito è costretto ad eseguire dei test sulla visibilità nei dispositivi scelti.
Il modo più veloce e affidabile per verificare il corretto funzionamento del ridimensionamento è allargare e stringere il proprio browser.

Esistono poi dei servizi web che simulano il ridimensionamento del sito e se siete interessati potete usufruire dei seguenti servizi:

Oltre a queste due soluzioni possiamo installare l'applicativo Opera Mobile Emulator, disponibile per Mac, Linux e Windows.

Autore

Sviluppatore web, aree riservete e gestionali.
Svolgo con passione e determinazione il proprio lavoro dedicando tempo alla ricerca e all'approfondimento di novità.

Sito web dell'autore