Come creare un sito Web Responsive

Creare un sito Web Responsive non è un'operazione complicata, anzi, è alla portata di tutti, anche se occorre qualche semplice accorgimento tecnico. In questa breve guida, vi spiegherò come creare un sito Web Responsive nella maniera corretta. Occorre subito dire che, grazie ad un sito del genere, è possibile adattare la risoluzione del computer a qualsiasi supporto elettronico, quindi anche ai tablet e agli smartphone. Il Web Responsive nasce verso la fine del 2011 ed è ancora in fase di perfezionamento. Con l'aumento dei dispositivi portatili si è cercato, con il web reattivo, di fornire una migliore risoluzione agli utenti, sempre più numerosi, di quei siti in grado di essere visualizzati anche su display più piccoli.

• Computer

Innanzitutto, la parte principale su cui si deve operarare sono le media queries. Si tratta di un sistema che esegue porzioni di codice CSS, ovvero un linguaggio utilizzato per la realizzazione di siti web, quando la risoluzione dello schermo è inferiore rispetto ad un determinato numero di pixel che normalmente si trovano in un computer. Per realizzare tutto ciò, occorre per prima cosa lavorare su una struttura di default abbastanza semplice, che può essere modificata con poche regole CSS dalle media queries. Una volta impostata quest'ultima il sito si adatta per quattro volte, rendendosi quindi fruibile da qualsiasi supporto.

Successivamente, se la risoluzione è quella di un tablet, con una larghezza inferiore a 980 pixel, la larghezza di sidebar deve essere diminuita. Se la larghezza del device scende al di sotto dei 767 pixel, si deve linearizzare i contenuti e la sidebar deve essere collocata sotto il contenuto principale, su due colonne, mentre il menu dev'essere nascosto e mostrato solo tramite un tasto posizionato in alto a destra.

L'ultimo passo prevede l'inserimento dell'HTML, importantissimo per la visualizzazione dello slider nella sidebar. Tutte le immagini, i link e le altre parti che compongono il sito vengono ridimensionate in base alle dimensioni dello schermo. In questo modo, si ottiene un sito che si adatta perfettamente sia ai grandi schermi, che a quelli più piccoli. Infine, seguendo queste indicazioni, è possibile creare un sito Web Responsive in grado di poter essere consultato su qualsiasi schermo e capace di adattarsi allo strumento che si ha a disposizione. Il responsive è ormai essenziale per avere sempre con se il proprio sito preferito. Buon lavoro!

• Come costruire un sito Web Responsive
• Come creare un sito Web Responsive in 5 mosse
• Responsive Web Design: guida pratica