Archivio mediaquery

Responsive Web Design: Mobile-first o Device-agnostic?

Ci sono due principali approcci al Responsive Web design: l’approccio Mobile first e l’approccio Device-agnostic. Il primo da importanza ai dispositivi mobili cercando di interpretare e di realizzare al meglio i bisogni degli utenti che utilizzano i cellulari, il secondo da importanza ai contenuti cercando di realizzare un realizzare un design responsive che vada bene per qualsiasi dispositivo indipendentemente dal tipo, dalla connessione e dalla dimensione. Entrambi sono due approcci validi ed importanti e la scelta di uno rispetto all’altro dipende sempre dal tipo di progetto responsive che devi utilizzare.

Media queries: funzioni e caratteristiche per usarle al meglio

Le media queries hanno diverse funzionalità importanti tra cui quella di adattare un sito web a diverse risoluzioni dello schermo che lo visualizza. Questa è la funzione più conosciuta, ma ce ne sono tante altre importanti, come quella che ottimizza la versione stampa di un sito web, quella che tiene conto dell’orientamento del dispositivo, o della risoluzione di uno schermo per finire poi con l’aspect ratio.