beta 1.0
Test
Elenco siti recensiti Segnala un errore Informazioni BLOG
Condivi su FacebookCondivi su Facebook Share on Google+Condividi su Google+ Richiedi preventivo refactory del tuo sito.Richiedi preventivo refactory del tuo sito. Metti RoadToResponsive nel tuo sitoMetti RoadToResponsive nel tuo sito
Tutti gli articoli






07/11/2013 -

Guida beginner

Responsive vs. Adaptive vs. Mobile

Responsive indica la reattività di un sito ad i cambiamenti imposti dall’utente, per esempio la rotazione del dispositivo da verticale ad orizzontale, oppure lo zoom utilizzando due dita.
 
Adaptive invece indica l’adattabilità del sito, ovvero la sua propensione ad avere comportamenti adeguati a qualsiasi dimensione dello schermo.
 
Mobile invece indica solitamente una versione del sito pensata appositamente per dispositivi mobili, solitamente differente come caratteristiche offerte dalle versioni desktop. L’aspetto coinvolge anche la ricerca del risparmio di banda (solitamente a pagamento) e la potenza di elaborazione limitata di questi dispositivi.
 
Attualmente la tecnica più popolare è il responsive web design, favorendo il design che si adatta dinamicamente al browser dei diversi dispositivi.
Questa soluzione ha il vantaggio di far risparmiare tempo e costi di realizzazione unendo tutte e tre le soluzioni in unico progetto.


  Condivi su Facebook Share on Google+      Tag:  Manuale  Guida
Introduzione
Guida beginner
1 lezione

Introduzione

La struttura di un sito deve quindi oggi adeguarsi ai nuovi dispositivi, in modo da soddisfare questa enorme fetta di utenti.  La soluzione per queste esigenze è diventata il Responsive Web Design, abbreviato in RWD.


Tag:  Manuale  Guida
Layout flessibili
Guida beginner
2 lezione

Layout flessibili

La pratica si basa sulla progettazione di una griglia flessibile, in grado di ridimensionarsi dinamicamente con lo schermo a qualsiasi dimensione.


Tag:  Manuale  Guida  Layout
Media queries
Guida beginner
3 lezione

Media queries

Il concetto è quello di poter specificare stili diversi a seconda delle dimensioni dello schermo. 


Tag:  Css  Manuale  Guida  Layout
Mobile first
Guida beginner
4 lezione

Mobile first

Se state pensando di realizzare un sito compatibile con dispositivi mobili allora vi risulterà particolarmente comodo adottare la filosofia del mobile-first, ovvero pensarlo prima per dispositivi mobili e poi per desktop.


Tag:  Css  Manuale  Guida  Layout
Viewport
Guida beginner
5 lezione

Viewport

Buona parte degli odierni dispositivi mobili lavora piuttosto bene nel visualizzare i siti.
Un valido aiuto è però offerto dall'opportunità di utilizzare le caratteristiche del viewport, cioè dimensione, scala e risoluzione.


Tag:  Manuale  Guida  Layout  Html
Media flessibili
Guida beginner
6 lezione

Media flessibili

L'ultimo ed importante aspetto nel web design riguarda i media flessibili. Al cambiamento delle dimensioni del viewport non sempre segue il cambiamento dei contenuti multimediali, caratteristica però desiderata.


Tag:  Css  Manuale  Guida  Layout