Il Responsive Web Design ed alcune utili risorse

responsive-img

Il Responsive Web Design è una tecnica di design usata per i siti e non solo, concentrata sull’esperienza mobile.

Vengono prese in considerazione l’esperienza utente in base alle differenti dimensioni di display ed è proprio la dimensione tra dispositivi diversi il punto chiave del Responsive Web Design.

Deve essere progettato un design adattabile ad ogni differente display, pensando a come dovranno adattarsi i diversi elementi che compongono un pagina web.

Di conseguenza viene completamente cambiato il modo di progettazione dell’interfaccia grafica del sito o dell’applicazione web.

Vengono spesso prese in considerazione diverse dimensioni standard in pixel, che sarebbero quelle più utilizzate:

– 320x248px

– 480x640px

– 768x1024px

– 1024x768px

– 1200x800px

Per applicare in pagine web questa nuova (ormai attuale) tecnica vengono usate le media queries sono delle regole del linguaggio CSS. Approfondimento Media query.

Risore utili sul Responsive Web Design:

Lascia un commento

XHTML: È possibile utilizzare questi tag: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>