Personal tools

jQuery

Jan 29, 2014

Google Maps senza troppi pensieri? Ci aiuta jQuery!

Maplace.js: semplificare l'uso della gmaps

Google Maps senza troppi pensieri? Ci aiuta jQuery!

Quando abbiamo bisogno di inserire delle Google Maps in una pagina web può essere utile farsi dare una mano. Vediamo come

Keep it Simple!!

Quando si programma, come in ogni attività, è inutile complicarsi la vita.

Da plonista, oramai conosco diversi modi complessi per risolvere un task; ma, ad esempio, se dovessi fare un form di invio al server di una stringa, non avrebbe senso impiegare

findxtutta la machinery di z3c.form, quando 5 righe di form in html puro le sanno scrivere tutti (vero...?!).

read more

Aug 07, 2013

Scroll e Parallasse: una moda passeggera o il web trend del 2013?

A proposito di scroll, parallasse e prospettive...

Scroll e Parallasse: una moda passeggera o il web trend del 2013?

Filed Under:

Un piccolo ma succulento showcase di siti che hanno applicato con successo parallasse e "scroll-animation" con risultati spettacolari e interazioni accattivanti

Mario BrosOgni post che si rispetti inizia con una sbirciatina su Wikipedia: "la parallasse è il fenomeno per cui un oggetto sembra spostarsi rispetto allo sfondo se si cambia il punto di osservazione".

Un esempio che tutti ricorderanno: Mario Bros. Nella lunga corsa del protagonista attraverso lo schermo, le nuvole, i monti, gli ostacoli sul percorso si spostano da destra a sinistra a velocità diverse per aumentare il realismo della profondità.

Nel web la tecnica riproduce esattamente lo stesso effetto, ricreando una sorta di pagine multi-strato con livelli contenenti elementi grafici diversi che allo scroll verticale (o al movimento del mouse) si muovono in modo asincrono.

Alcuni casi reali valgono più di mille parole.

 

read more

Apr 08, 2013

Gallerie e Slider di immagini per il tuo sito web: eccone 20 esempi!

Filed Under:

Durante le mie ricerche ho raccolto tutti i riferimenti agli slider che mi hanno più incuriosito. Scopri anche tu come mostrare le immagini del tuo sito in modo originale!

La maggior parte dei clienti chiede una gallery o uno slider nel proprio sito. In effetti, un carousel di immagini può fare una grande differenza e dare quel tocco cool al portale.

E' per questo che spesso mi piace perdermi alla ricerca di qualcosa di nuovo da proporre. Qui sotto ho elencato una serie di slider e gallery costituiti principalmente da JQuery plugin e CSS3.

supersized! JQuery plugin

Supersized è un fullscreen background slideshow costruito utilizzando la libreria jQuery.

DEMO >>


 

 

read more

Jan 22, 2013

jQuery.DataTables.js: tabelle per tutti i gusti

Quando mostrare un dato non basta!

jQuery.DataTables.js: tabelle per tutti i gusti

Se una semplice tabella non rende merito ai dati mostrati, ci si rivolge a Javascript/css per avere di più. Vediamo come usare DataTables per avere molto di più!

Tante volte abbiamo il compito di mettere in mostra tramite tabelle una serie di dati e le (più che giustificate) richieste sono sempre le stesse: fare batching dei dati visualizzati; permettere l'ordinamento delle singole colonne; poter fare ricerca sulle righe della tabella filtrandone il testo.

Cercando sul web, vi renderete conto che i plugin Javascript disponibili sono molti, ma uno mi ha colpito in particolare: jQuery.DataTables.js. Semplice da usare, funzionalità di base estese, molti plugin aggiuntivi e, non da ultimo per un plonista, esiste una versione già "pacchettizzata" per Plone su pypi.

read more

Dec 06, 2012

Breve analisi della ricerca di Plone: SearchableText

I Predatori del Parametro Perduto

Breve analisi della ricerca di Plone: SearchableText

Un semplice parametro Plone: SearchableText. Eppure il suo uso scatena vari comportamenti e ci permetterà di analizzare alcune funzionalità nascoste del nostro CMS

In questo articolo mi concedo una semplice analisi del parametro SearchableText, che può far parte di una qualunque query string delle chiamate al CMS Plone e che ha funzioni diverse in base alla pagina richiamata.

Questo parametro può anche impattare sull'efficienza dello strato di cache del vostro sito (Varnish) e ci apre la strada a qualche interessante analisi dei JavaScript di Plone 4.

read more