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






04/11/2013 -

Guida beginner

Introduzione

La crescita di internet è stata esponenziale nell’ultimo decennio, più di quanto chiunque abbia immaginato. Negli ultimi anni si è aggiunto il fenomeno della navigazione dal cellulare, un fattore che ha contribuito a cambiare le regole dell’utilizzo di qualsiasi sito. La distribuzione dei dispositivi mobili è pressoché capillare, si può affermare che oggi praticamente chiunque navighi in internet l’ha fatto anche tramite un dispositivo mobile. In molti stati addirittura il traffico da mobile ha superato quello da dispositivi fissi.
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.
 
PANORAMICA
RWD significa progettare e realizzare un sito che si adatti al dispositivo utilizzato per visualizzarlo, in particolare si adatti allo schermo qualunque esso sia, grande o piccolo, tenendo conto dei limiti fisici e dell’assenza di un cursore, sostituito da uno schermo touch. 
 
 
 


  Condivi su Facebook Share on Google+      Tag:  Manuale  Guida
Responsive vs. Adaptive vs. Mobile
Guida beginner
1 lezione

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.


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