Articoli di Alessandra de Robertis

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.

Illustrator è un ottimo strumento che realizza fantastici layout per il web grazie ad alcune caratteristiche e funzionalità che ci permettono di realizzare layout accattivanti grazie alla possibilità di posizionare box ed immagini in modo preciso, cosa fondamentale per poi tradurre il design realizzato in una pagina web.

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.

Non è semplice realizzare una griglia fluida, ma il risultato ottenuto compensa l’arduo lavoro di progettazione e l’utilizzo di formule matematiche. In questo tutorial ci sono ottimi consigli per realizzarne una personale e ottenere un ottimo risultato per il tuo sito web.

Per presentare un progetto responsive di buona qualità è necessaria una buona base di progettazione. ll processo di RWD è lungo e spesso anche difficile perché dobbiamo tener conto di diversi aspetti. Vediamo quali.

Vuoi stupire i tuoi clienti con un un effetto 3D del sito web? Ecco un tutorial semplice per creare un effetto accattivante.

Il primo step fondamentale per realizzare un sito web responsive è il layout fluido. Sei al 60% del tuo obiettivo

Vuoi inserire un video in loop come background del tuo layout? Ecco come fare in pochi passaggi per stupire il tuo cliente.

Devi realizzare un sito web responsive e non sai come cominciare? Prova Adobe Edge Reflow, un potente software che ti permette di farlo in semplici passaggi.