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






-

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.
Il plugin estende le funzionalità del comune "accordion" di jQuery-ui, permettendo un'ottimizzazione dello spazio, una flessibilità di contenuti e una facile adattabilità a vari dispositivi nell'ottica responsive.
Il plugin prevede un'installazione piuttosto comune. Richiede di linkare al vostro documento i file del plugin preceduti da quelli per jQuery. Eventualmente è disponibile un file .css da modificabile in base alle vostre esigenze.
Il plugin può essere invocato su una lista ordinata:
<ul class='kwicks kwicks-horizontal'="">
<li></li>
<li></li>
<li></li>
<li></li>
</ul class='kwicks>
ma accetta anche un elenco di link.
Il plugin deve poi essere invocato senza troppe novità, e allo stesso modo è semplice chiamare i metodi messi a disposizione:
// inizializzare kwicks
$(elemento).kwicks(opts);// invocare un metodo
$(elemento).kwicks('method-name'[, parametri]);// gestione eventi
$(elemento).on('event-name.kwicks', gestore);
Vi lasciamo esplorare il sito dello sviluppatore per l'elenco dei metodi e delle opzioni.
È però interessante notare che Kwicks si presta molto bene a varie configurazioni ottimizzate per dispositivi mobili.
Per esempio, potete pensare di duplicare il vostro plugin alternando la visualizzazione orizzontale (per desktop) con quella verticale (per mobile) al di sotto di una certa risoluzione eseguendo una semplice media query.
La visualizzazione verticale ha un'ottima resa su dispositivi mobile, facilitando lo scroll e ottimizzando lo spazio disponibile.
All'interno dei pannelli potete utilizzare uno sfondo grafico, eventualmente fisso rispetto allo schermo:
background-attachment: fixed;
I metodi a disposizione vi permettono di reagire all'input dell'utente, per esempio mostrando un piccolo sottomenu interno ai pannelli solo quando questi saranno completamente estesi.
Provate a giocare con diverse impostazioni e otterrete risultati sorprendenti.

  Condivi su Facebook Share on Google+      Tag:  JQuery  Javascript  Mený  Guida  Layout  Strumenti
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.



Tag:  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.



Tag:  JQuery  Javascript  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.


Tag:  JQuery  Css  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.


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.



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.



Tag:  JQuery  Slideshow  Css  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.



Tag:  JQuery  Css  Layout a griglia  Mený
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.



Tag:  Css  Layout a griglia  Layout
Browser compatibile con CSS3
Tutorials e script
08/11/2013

Browser compatibile con CSS3

Verificare se il tuo browser è compatibile con CSS3.


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.



Tag:  JQuery  Css  Layout a griglia
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.




Tag:  JQuery  Manuale  Guida