Definizione di Responsive Web Design

Anni fa, quando la tecnologia era quello che era, ci si doveva solo preoccupare che le cose visive che faceva (immagini, giochi, interfacce applicative, ...) sembrava buono su uno schermo che poteva essere di circa 14 pollici da a tenere sotto controllo a partire dal computer. Ma il Evoluzione È stato inarrestabile e attualmente abbiamo una moltitudine di dispositivi e formati.

Ciò ha significato che un'interfaccia utente o qualsiasi altro contenuto non ha più a che fare con differenti dimensioni dell'immagine, se non con dispositivi che vengono utilizzati in modo diverso, e proporzioni che differiscono in particolare.

Il web, un progresso emerso negli anni '90 e che, da allora, è diventato essenziale, ha subito questi cambiamenti anche nello scenario della piattaforma da cui può essere utilizzato e le entità che gestiscono gli standard web hanno dovuto scegliere soluzioni ingegnose per semplificare la vita agli sviluppatori di interfacce Ragnatela.

Una pagina web reattiva (chiamata anche reattivo, adozione della parola inglese originale) è quella la cui interfaccia viene automaticamente ridimensionata e la sua Gli elementi grafici vengono riposizionati per una facile visualizzazione a qualsiasi dimensione dello schermo e proporzioni. aspetto.

Pensiamo al diversità formati di schermo che vanno da uno smartphone con schermo 5” e rapporto 18:9 leggibile in verticale a un televisore 16:9 40”, lasciando in mezzo un computer o un tablet.

Fino a quando non sono state prese misure per rendere l'interfaccia grafico delle pagine web si adatterà automaticamente allo schermo su cui è stato visualizzato, il La "soluzione" consisteva nell'anticipare tutti i formati possibili e nel servire pagine diverse a seconda dei casi. Il problema erano quei formati imprevisti e quelli che l'evoluzione tecnologica ha fornito naturalmente.

Gli strumenti per ottenere un design responsive, che si adattasse al formato dello schermo in cui veniva visualizzata l'immagine. sito web indipendentemente dal formato e dalle dimensioni dello schermo, sono stati impostati dal W3C (World Wide Web Consorzio).

E l'introduzione di questa tecnologia è stata possibile grazie alla separazione del contenuto delle pagine da quello che era il presentazione di detti contenuti e del guarda e senti pagina utilizzando i file di definizione dello stile CSS.

Questi consentono di modificare l'aspetto di un intero sito web (inteso come un insieme di pagine) senza dover toccare il pulsante codice sorgente di tutti i file HTML, poiché differisce quali sono le definizioni dello stile e della presentazione (contenute nel file CSS) dei contenuti (presenti nei file HTML).

Gli elementi del responsive design sono stati discussi e introdotti negli standard web dal W3C dalla fine del primo decennio del 21° secolo.

Viene da lanciare del primo iPhone, nel 2006, in cui si scatenò la corsa per adeguare i siti web in modo che può essere visto perfettamente sia su browser desktop e schermi di grandi dimensioni, sia su dispositivi cellulari.

Fotolia foto: Alexey Shkitenkov / Bobb Klissourski