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






Nike
Sito in vetrina
06/11/2013

Nike



  Condivi su Facebook Share on Google+
Tag:  Layout  Grafica
La Gazzetta dello Sport
Sito in vetrina
07/11/2013

La Gazzetta dello Sport



  Condivi su Facebook Share on Google+
Tag:  Layout  Grafica
Generatore di template responsive
Template ed esempi
08/11/2013

Generatore di template responsive

Responsify.it consente di generare in modo rapido e senza sforzo il proprio scheletro del layout responsive personalizzarlo, il tutto attraverso una interfaccia facile da usare.

  Condivi su Facebook Share on Google+
Tag:  Layout  Strumenti
Browser compatibile con CSS3
Tutorials e script
08/11/2013

Browser compatibile con CSS3

Verificare se il tuo browser è compatibile con CSS3.

  Condivi su Facebook Share on Google+
Tag:  Manuale  Guida  Layout
Layout flessibili
Guida beginner
7° lezione

Layout flessibili

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

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

  Condivi su Facebook Share on Google+
Tag:  Manuale  Guida  Layout  Html
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.

  Condivi su Facebook Share on Google+
Tag:  Css  Manuale  Guida  Layout
Media flessibili
Guida beginner
3° 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
Template Wordpress responsive web design
Template ed esempi
19/11/2013

Template Wordpress responsive web design

Zeni è un template specializzato come portfolio, blog e corporate site. Scaricabile e utilizzabile su wordpress.
 


  Condivi su Facebook Share on Google+
Tag:  Template  Layout  Grafica
Template per mobile, gratis.
Template ed esempi
19/11/2013

Template per mobile, gratis.

Template HTML / CSS completamente responsive. Il modello utilizza CSS3 e jQuery 

  Condivi su Facebook Share on Google+
Tag:  Template  Layout  Grafica
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
Kwicks
Tutorials e script

Kwicks

Oggi vi presentiamo Kwicks, un plugin jQuery molto flessibile e dinamico.
Partiamo subito con il link al sito dello sviluppatore: Kwicks.

  Condivi su Facebook Share on Google+
Tag:  JQuery  Javascript  Menů  Guida  Layout  Strumenti