Responsive Design

Responsive Design è un metodo di progettazione web utilizzato per adattare i siti web automaticamente ai diversi dispositivi e schermi disponibili sul mercato, senza crearne diverse differenti versioni. La proliferazione di smartphone e tablet rende il browsing mobile uno standard alla portata di tutti ed avere una homepage che sia automaticamente compatibile con gli schermi più piccoli è importante per non perdere tutti i visitatori potenziali. Fino a poco tempo fa, gli sviluppatori sono stati impegnati a fornire siti idonei per telefoni cellulari, o per i browser desktop, ma non per entrambi nello stesso momento, ma oggi non è più sufficiente. Ci sono anche troppe differenze tra i vari modelli e le larghezze dello schermo (iPad in particolare), sono quindi troppo piccoli o troppo grandi per ottenere una visualizzazione corretta con tutte le piattaforme.

Pagine fluide, adattate in funzione della dimensione dello schermo

È pertanto necessario pensare a qualcosa di più avanzato, che funziona in tutte le circostanze: una pagina fluida, che si adatta automaticamente alle dimensioni della finestra in cui viene visualizzata. Un esempio? Riccardo.it è un esempio perfetto di responsive design. Prova a ridimensionare la finestra e si nota subito come il layout viene automaticamente spostato per rendere il contenuto visualizzato correttamente.

Responsive design mobile example
Questa pagina vista con un dispositivo portatile

Pensare oltre il desktop

Il responsive web design esprime un nuovo concetto di architettura reattiva: la progettazione e lo sviluppo del layout si basa sulla consapevolezza dell’esistenza di una moltitudine di schermi e orientamenti. La progettazione consiste in un mix flessibile di griglie e layout, le immagini ridimensionabili e l’uso intelligente di CSS con le media queries. In altre parole, il sito ha la tecnologia per rispondere automaticamente alle preferenze dell’utente. Questo eliminerebbe la necessità di una progettazione e una fase di sviluppo che è diversa per ogni nuovo dispositivo sul mercato.

Vuoi un sito di questo tipo? Contattami

Leave a Reply

*