Ingrandisci i caratteri: dimensioni normali (alt+0) | dimensioni medie (alt+9)

Responsive layout: consulta il tuo sito da qualsiasi dispositivo

icona responsive layoutQuante volte vi è capitato di navigare in internet dal vostro cellulare, aprire un sito e rendervi conto di dover ingrandire i caratteri, scorrere a destra e sinistra, non riuscire a leggere i contenuti perché i testi si sovrappongono o non riuscire a cliccare su un link perché è troppo vicino ad un altro? Tutto questo è il risultato di un sito costruito senza tener conto del fatto che ormai tutti utilizziamo dispositivi mobili per navigare sul web e, ovviamente, il monitor di un computer e il display di un cellulare non hanno le stesse dimensioni.

tablet monitor e cellulare

Per questo è necessario intervenire nella creazione di un layout, cioè di una struttura, "fluida", che possa adattarsi a qualsiasi schermo. Nessuno di noi ha molta voglia di lottare con un testo troppo piccolo da leggere o di scorrere a destra e sinistra per arrivare alla fine di una riga. Ciò che tutti gli utenti vogliono, invece, è poter leggere comodamente, a caratteri sufficientemente grandi, tutto il contenuto di una pagina web, che rientri nei margini del nostro dispositivo. E non vogliamo neanche perdere lo stile della versione desktop! Tutto ciò è possibile attraverso tecniche che consentono di individuare le dimensioni dello schermo, permettendo ai contenuti di riadattarsi al "contenitore" senza perdere neanche un dettaglio del design originario.

Leggi anche: