Responsive Web Design

Il responsive web design (RWD) è una tecnica di web design per la creazione di siti web adattabili alla risoluzione dello schermo dei vari dispositivi come computer desktop, computer portatili, smartphone, tablet e web tv.

Tutti abbiamo navigato usando il cellulare su siti che non adottano il responsive web design dovendo scorrere e ridimensionare la pagina web per poter visualizzarne il contenuto, operazione che risulta fastidiosa e poco fruibile.

Per fortuna a partire del 2011 sono nati nuovi tag per l’ HTML5 e per il CSS3 che con l’aiuto di particolari JavaScript permettono un adattabilità per ogni tipo di risoluzione dei dispositivi per accedere a pagine web.

Esistono varie tipologie di responsive design come quello di Twitter e di Getbootstrap che con l’utilizzo di JavaScript, html5 e fogli di stile CSS3 permettono di ottenere un responsive web design ed una risoluzione idonea per tutti i tipi di dispositivi; per provare la risoluzione virtuale di un sito web potete utilizzare la combinazione di tasti della tastiera "ctrl shift m" per Firefox o "ctrl shift i" per Chrome.