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






Menů Responsive
Tutorials e script
28/11/2013

Menů Responsive

Plugin per un menù di navigazione Responsive senza dipendenze da librerie e studiata per il touch screen.


  Condivi su Facebook Share on Google+
Tag:  Css  Menů
Responsive nav / menů jQuery plugin
Tutorials e script
28/11/2013

Responsive nav / menů jQuery plugin

Un responsive nav / menu jQuery plugin con le caratteristiche di: supporto per il menu multi-livello, flessibile, semplice markup, compatibilità cross-browser, tastiera accessibile, degradazione con grazia e senza JavaScript.

  Condivi su Facebook Share on Google+
Tag:  JQuery  Css  Menů
Gestione del layout a griglia con javascript
Tutorials e script
01/11/2013

Gestione del layout a griglia con javascript

Masonry è una libreria JavaScript per la gestione del layout a griglia. 
Funziona mettendo gli elementi in posizione ottimale in base allo spazio disponibile verticale.


  Condivi su Facebook Share on Google+
Tag:  JQuery  Css  Layout a griglia
Media queries
Guida beginner
7° lezione

Media queries

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

  Condivi su Facebook Share on Google+
Tag:  Css  Manuale  Guida  Layout
Mobile first
Guida beginner
6° 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.

  Condivi su Facebook Share on Google+
Tag:  Css  Manuale  Guida  Layout
Media flessibili
Guida beginner
5° 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.

  Condivi su Facebook Share on Google+
Tag:  Css  Manuale  Guida  Layout
Sistema di griglia basato su CSS
Tutorials e script
18/11/2013

Sistema di griglia basato su CSS

One% CSS Grid è un sistema di griglia basato su CSS. E 'stato concepito come base per la creazione di layout web responsive facile, rapido e con il minimo sforzo.


  Condivi su Facebook Share on Google+
Tag:  Css  Layout a griglia  Layout
Bootstrap
Tutorials e script
18/11/2013

Bootstrap

Originariamente creato dagli sviluppatori di Twitter, Bootstrap è diventato uno dei più popolari framework front-end e di progetti open source nel mondo.


  Condivi su Facebook Share on Google+
Tag:  JQuery  Css  Layout a griglia  Menů
The Responsive jQuery Content Slider
Tutorials e script
20/11/2013

The Responsive jQuery Content Slider

Slider di immagini che sfrutta le tecnologie JQuery e Responsive Web Design.

  Condivi su Facebook Share on Google+
Tag:  JQuery  Slideshow  Css  Layout  Grafica
Slideshow con anteprima immagini
Tutorials e script
20/11/2013

Slideshow con anteprima immagini

Lo slideshow si regolerà automaticamente (responsive) e si potrà navigare tra le diapositive utilizzando il visualizzatore di miniatura o l'opzione di presentazione autoplay.


  Condivi su Facebook Share on Google+
Tag:  JQuery  Slideshow  Css  Layout  Grafica
Responsive 3D Panel Layout
Tutorials e script
20/11/2013

Responsive 3D Panel Layout

Un esperimento di layout responsive, in cui organizziamo i pannelli in una struttura a griglia e con effetti 3D.


  Condivi su Facebook Share on Google+
Tag:  JQuery  Slideshow  Css  Layout
1 - considerazioni preliminari
Filosofia del responsive
02/12/2013

1 - considerazioni preliminari

Il titolo di questo blog può sembrare eccessivo, eppure ben rappresenta la complessità dell'argomento.
Partiamo da una premessa che troverete in ogni guida e probabilmente anche in un altro blog su questo sito:

«Il motivo principale della nascita del paradigma "responsive" è certamente quello di adattarsi ai dispositivi mobili.»

  Condivi su Facebook Share on Google+
Tag:  Css  Layout  Html
2 - Da quale punto di vista
Filosofia del responsive

2 - Da quale punto di vista

Smontiamo ora una seconda premessa piuttosto comune:

Dopo aver realizzato un sito bisogna adattarlo ai dispositivi mobili, per esempio con le media queries.

Questo concetto non è limitato ma, a parer mio, sbagliato.
Un sito non deve adattarsi ai dispositivi mobili ma nascere per essi. Successivamente si penserà ad adattarlo agli altri dispositivi.

  Condivi su Facebook Share on Google+
Tag:  Css  Layout  Html
3 - viewport
Filosofia del responsive

3 - viewport

Occorre spendere qualche parola anche per quanto riguarda la gestione del viewport.

  Condivi su Facebook Share on Google+
Tag:  Css  Layout  Html
4 - Ancora viewport
Filosofia del responsive

4 - Ancora viewport

Proseguiamo con la discussione sul viewport.
Quali motivi ci dovrebbero spingere a voler controllare il viewport? Be' più di uno.

  Condivi su Facebook Share on Google+
Tag:  Css  Layout  Html
5 - Siti ad hoc e siti ottimizzati
Filosofia del responsive

5 - Siti ad hoc e siti ottimizzati

Un ultimo dubbio frequente riguarda la possibilità di creare siti ad hoc esclusivamente per dispositivi mobili.
I metodi per realizzarli sono diversi e possono anche prendere in considerazione l'utilizzo delle media queries oppure delle librerie jQuery specifiche per mobile.

  Condivi su Facebook Share on Google+
Tag:  Css  Layout  Grafica  Html