Come costruire un sito Respnsiv e

2. Cos’è il Responsive Web Design
E’ una tecnologia che permette di creare siti che cambiano la
loro forma “Reattivamente” in base al device con il quale
vengono visualizzati.
Smartphone Tablet Computer

3. Il nostro Sito si adatterà 4 volte
Grazie alle meadia queries introdotte dai CSS3.
Media queries = Sistema per eseguire porzioni di codice CSS quando lo
schermo è minore o maggiore di tot px es. @media (max-width: 767px)

4. Struttura di default (Blog/Magazine)
Modificabile facilmente tramite
le media queries.

5. Conclusioni
Pro: un unico sito da gestire, continuità grafica, fase di sviluppo più
immediato, aggiornamento più immediato, maggior integrazione con i
social mobile, aggiornamento contenuti più immediato.
Contro: rischio di realizzare un progetto che non necessità la versione
mobile, fase di test più lunga.
Materiali scaricabili per l’esercitazione:
www.marchettidesign.net/esercitazione
Per saperne di più:
www.marchettidesign.net/blog