{"id":56950,"date":"2012-08-20T00:00:00","date_gmt":"2012-08-19T22:00:00","guid":{"rendered":"http:\/\/www.area-press.eu\/comunicati\/i-vantaggi-del-responsive-web-design\/"},"modified":"2012-08-20T00:00:00","modified_gmt":"2012-08-19T22:00:00","slug":"i-vantaggi-del-responsive-web-design","status":"publish","type":"post","link":"https:\/\/www.area-press.eu\/comunicati\/i-vantaggi-del-responsive-web-design\/","title":{"rendered":"I vantaggi del Responsive Web Design"},"content":{"rendered":"


\nBreve storia del Web Design<\/strong><\/p>\n

&nbsp;<\/p>\n

Il Web Design<\/strong><\/a> nasce nei primi anni del 1990. All’inizio tutti i siti web erano testuali e il testo era scritto in una singola colonna utilizzando l’HTML. A metà del 1990 è stata data la possibilità ai siti internet di contenere più colonne così da poter organizzare meglio il contenuto.<\/p>\n

&nbsp;<\/p>\n

Sono seguiti diversi miglioramenti nel Web Design, come la possibilità di aggiungere le immagini alle pagine web e l’introduzione di Flash (1996). La fine del 1990 ha visto un utilizzo sempre maggiore di Flash per rendere i siti internet più attraenti attraverso le funzioni di animazione e di navigazione che metteva a disposizione. Durante questo periodo, nel 1998, viene rilasciato anche PHP3.<\/p>\n

&nbsp;<\/p>\n

Il 2000 può essere definito l’anno dei CSS, grazie ai quali la struttura e la presentazione dei siti web possono finalmente essere separate l’una dall’altra. Il 2000 ha visto anche l’ascesa di JavaScript e successivamente l’introduzione del Web semantico.<\/p>\n

&nbsp;<\/p>\n

Il Semantic Web <\/em>è sostanzialmente un ramo del Web Design il cui scopo è quello di aumentare la capacità delle macchine di comprendere il contenuto dei siti web a livello umano. Il linguaggio XML è un passo fondamentale verso la realizzazione di questo obiettivo.<\/p>\n

&nbsp;<\/p>\n

Il Web 2.0 è stato introdotto alla fine degli anni 2000. Gli sviluppatori ora fanno uso di JavaScript, XML e Ajax per creare siti internet più interattivi. Anche l’HTML5 nasce in questo periodo.<\/p>\n

&nbsp;<\/p>\n

&nbsp;<\/p>\n

Mobile Web<\/strong><\/p>\n

&nbsp;<\/p>\n

Il Mobile Web<\/strong><\/a> è un altro aspetto del Web Design che sta crescendo molto rapidamente. Finora si è provveduto a realizzare siti web separati per ogni tipo di dispositivo. Gli schermi dei cellulari sono più piccoli e hanno una risoluzione inferiore rispetto agli schermi dei computer. Il sito stesso non funziona su entrambi in modo ottimale e presentabile.<\/p>\n

&nbsp;<\/p>\n

Tuttavia, con il crescente numero di dispositivi con accesso web, e tutti con dimensioni fisiche e caratteristiche diverse, sta diventando sempre più difficile realizzare più siti web per servire tutti i clienti.<\/p>\n

&nbsp;<\/p>\n

Gli analisti e gli esperti di settore sostengono che il mondo sta attraversando una quinta rivoluzione tecnologica basata sull’evoluzione del Mobile Web. Essi affermano, inoltre, che il numero di persone che utilizzano dispositivi mobili per accedere a Internet supererà il numero di coloro che usano i computer entro il 2015.<\/p>\n

&nbsp;<\/p>\n

&nbsp;<\/p>\n

Perché ricorrere al Responsive Web Design?<\/strong><\/p>\n

&nbsp;<\/p>\n

Oltre ai telefoni cellulari e ai computer, oggi si può accedere a Internet anche mediante netbook, tablet, televisori e console di gioco. E non è fattibile creare siti web dedicati per ciascuno di questi device.<\/p>\n

&nbsp;<\/p>\n

Non sarebbe molto più semplice, allora, avere un unico sito web in grado di funzionare con tutti i dispositivi<\/strong>? Il Responsive Web Design (detto anche Web Design adattivo o reattivo) fa esattamente questo.<\/p>\n

&nbsp;<\/p>\n

&nbsp;<\/p>\n

Cos’è il Responsive Web Design?<\/strong><\/p>\n

&nbsp;<\/p>\n

Un sito internet progettato rispettando i criteri del Responsive Web Design è in grado di adattare il proprio layout in base alle caratteristiche del dispositivo su cui è visualizzato<\/strong>. Lo fa in modo dinamico, riformattando il posizionamento e l’aspetto dei contenuti e degli altri elementi a seconda delle diverse dimensioni dello schermo.<\/p>\n

&nbsp;<\/p>\n

Per esempio, se sul monitor del computer un sito si presenta con immagini di grandi dimensioni disposte su tre colonne, lo stesso sito si presenterà con immagini più piccole in una singola colonna su un display mobile. Il tutto senza dover scrivere codice diverso per ciascun tipo di dispositivo. Un unico codice che accetta parametri diversi a seconda del dispositivo di accesso, lasciando ai CSS3 il compito di conferire il giusto look and feel al sito web generato.<\/p>\n

&nbsp;<\/p>\n

&nbsp;<\/p>\n

I vantaggi del Responsive Web Design<\/strong><\/p>\n

&nbsp;<\/p>\n

Il Web Design adattivo consente la visualizzazione ottimale di un sito web in tutti i dispositivi<\/strong>. Ecco i principali vantaggi che si possono ottenere ricorrendo alla progettazione reattiva. <\/p>\n