Web design responsivo

Il web design responsivo (o "RWD") è un tipo di web design che offre un'esperienza di visualizzazione personalizzata per diverse piattaforme di browser. Un sito web creato con il web design responsivo visualizza un'interfaccia diversa a seconda del dispositivo utilizzato per accedere al sito. Per esempio, un sito web responsivo può apparire in un modo su un computer portatile, in un altro su un tablet e ancora in un altro su uno smartphone.

Oggi molte persone accedono ai siti web da dispositivi mobili, anziché da computer desktop o computer portatili. Sebbene la maggior parte degli smartphone possa visualizzare i siti web normali, il contenuto è difficile da leggere e ancora più difficile da navigare. Per questo motivo, molti sviluppatori web utilizzano oggi il web design responsivo per offrire una migliore esperienza di navigazione web sugli schermi piccoli.

I siti web progettati per i dispositivi mobili, come i telefoni iOS e Android, hanno in genere una dimensione del carattere predefinita maggiore e una navigazione semplificata. Alcuni siti sfruttano anche l'interfaccia dei touchscreen, offrendo il supporto per lo scorrimento, la rotazione e il pizzicamento per ingrandire e rimpicciolire. Un sito web ottimizzato per i dispositivi mobili può anche rimuovere i contenuti non necessari per ridurre la necessità di scorrere. Gli effetti di rollover sulle immagini e altre funzioni attivate dal passaggio del mouse vengono spesso rimossi, poiché i touchscreen non supportano il puntatore del mouse.

Esistono diversi modi per implementare il web design responsivo. Un metodo consiste nel rilevare dinamicamente la piattaforma dell'utente, ad esempio un iPad o un iPhone, e caricare file HTML e CSS specifici per il dispositivo corrispondente. Un'altra opzione consiste nell'utilizzare le media query, che caricano automaticamente stili CSS diversi in base alle dimensioni della finestra del browser. Il pacchetto Bootstrap, che contiene diversi file JavaScript e CSS pre-scritti, si basa sulle media query ed è comunemente utilizzato nel web design responsivo.