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






Colorbox
Tutorials e script

Colorbox

Vi presentiamo un plugin jQuery leggero, veloce ed altamente configurabile: Colorbox.
Deriva dal più famoso Lightbox, estendendone il potenziale con più opzioni, metodi ed eventi.



  Condivi su Facebook Share on Google+
Tag:  JQuery  Manuale  Guida
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
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
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
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
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
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
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ů
Menů JQuery Responsive
Tutorials e script
28/11/2013

Menů JQuery Responsive

FlexNav è un plugin di utilizzo di media query e JavaScript per creare un menu multi-livello con supporto per touch, hover, e l'input da tastiera. Particolare attenzione è rivolta al touch screen.


  Condivi su Facebook Share on Google+
Tag:  JQuery  Javascript  Menů
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 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
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
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
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
Minimal Template responsive web design
Template ed esempi
19/11/2013

Minimal Template responsive web design

Template responsive web design minimalista, per una semplice presentazione dei vostri lavori.


  Condivi su Facebook Share on Google+
Tag:
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ů
Media flessibili
Guida beginner
7° 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
Viewport
Guida beginner
6° 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
5° 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 queries
Guida beginner
4° 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
Layout flessibili
Guida beginner
3° 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
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
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
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
La Gazzetta dello Sport
Sito in vetrina
07/11/2013

La Gazzetta dello Sport



  Condivi su Facebook Share on Google+
Tag:  Layout  Grafica
Responsive vs. Adaptive vs. Mobile
Guida beginner
2° 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.

  Condivi su Facebook Share on Google+
Tag:  Manuale  Guida
Nike
Sito in vetrina
06/11/2013

Nike



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

  Condivi su Facebook Share on Google+
Tag:  Manuale  Guida