Oggi voglio segnalarvi un’ottima galleria informativa creata dall’amico Addy con jQuery e CSS da utilizzare liberamente per i nostri progetti web.

La galleria permette di inserire delle immagini con dimensioni standard e poi sull’evento onmouse over vengono ridimensionate grazie a jQuery scoprendo un titolo e una descrizione.

Questa tipologia di galleria può essere implementata per la visualizzazione in stile gallery dei propri lavori.

Andiamo a vedere insieme il codice principale HTML.

Leggi il seguito di questo articolo »

jStackmenu è un piccolo file JavaScript + CSS che permette di trasformare una qualsiasti lista in HTML in un menu in stile Dock Mac.

Abbiamo la possibilità di provare una demo, scaricare i file sorgenti e leggere una ricca documentazione all’uso.

Tramite questo piccolo script potremo facilmente controllare l’apertura e chiusura, la direzione, la dimensione e il tempo dell’animazione.

Leggi il seguito di questo articolo »

jCoverflip è un progetto realizzato con la libreria jQuery che simula l’effetto del noto CoverFlow in stile iTunes.

Abbiamo la possibilità di provare una demo e scaricare il file sorgenti per i nostri progetti.

Questo interessante CoverFlow potrebbe tornarci molto utile per invogliare la navigazione e per presentare servizi o prodotti.

Leggi il seguito di questo articolo »

OSM Player è un player video open source gratuito strutturato e realizzato grazie alle nuove potenzialità di HTML5 + jQuery.

Come avrete letto HTML5 è un linguaggio ancora in fase di definizione, che si propone come evoluzione del noto HTML 4.

E’ possibile vedere una demo sul sito ufficiale, il player permette l’integrazione di video da altri servizi come YouTube e Vimeo.

La struttura del player mostra a lato una playlist a comparsa con la descrizione e votazione dei video presenti.

Leggi il seguito di questo articolo »

Un cliente mi ha chiesto di sviluppare oltra al sito web uno slideshow per i contenuti, quindi ho cercato sulla rete alcuni esempi per prendere ispirazione e capire cosa funziona e cosa non funziona.

Personalmente consiglio di usare slideshows realizzati in jQuery o affini, questi elementi oltre a mettere in evidenza contenuti, offrono maggiore movimento a un layout grafico.

Ho raccolto per voi (e per me) 20 esempi di slideshows creativi e interessanti da cui prendere ispirazione.

1. Fubiz

Leggi il seguito di questo articolo »

YoxView è una galleria di immagini scritta in JavaScript utilizzando la libreria jQuery, con la quale possiamo gestire e visualizzare album fotografici.

La galleria di immagni è altamente personalizzabile, abbiamo la possibilità di vedere una demo oppure scaricare la galleria.

La galleria è provvista di documentazione dettagliata con la quale usare al meglio i codici e tutte le caratteristiche.

Vediamo come usarla e le caratteritiche:

Leggi il seguito di questo articolo »

Quicksand è un’interessante libreria gratuita scritta in jQuery, che permette di organizzare e gestire elementi HTML in base a filtri configurati in precedenza.

E’ possibile scaricare la libreria oppure vedere una demo in azione.

Il plugin ha un’ottima documentazione con la quale è possibile usare al meglio tutte le sue caratteristiche.

Leggi il seguito di questo articolo »

TopUp è un interessante  libreria gratuita scritta in Javascript e jQuery, che produce effetti simili al famoso Lightbox.

L’effetto Lightbox è prodotto dall’apertura di un’anteprima di immagini, video, pagine web su uno sfondo opaco, che ha la funzione di comprire l’intero sito, concentrando tutta l’attenzione sull’oggetto.

Questa libreria permette di aprire determinati contenuti come video immagini e pagine web nella stessa pagina focalizzando l’attenzione.

Ecco i contenuti che possiamo visualizzare all’interno di questo sistema.

Leggi il seguito di questo articolo »

Il blog OurTuts ci propone un template da scaricare gratis in stile “Sito Web in costruzione” per rendere più accattivante la pagina di costruzione.

Quante volte ci è capitato, durante la creazione di un progetto, di aver una pagina in allestimento o in costruzione?

Abbiamo la possibilità di configurare un conto alla rovescia per aumentare l’aspettativa, inserire i nostri riferimenti sociali e una registrazione via email per essere aggiornati sugli sviluppi.

Ecco i file da scaricare e alcune caratteristiche:

Leggi il seguito di questo articolo »

Tempo fa vi segnalai la nuova funzionalità di YouTube che consisteva nel scurire tutta la pagina, ad eccezzioen del video, per meglio focalizzare l’attenzione visiva.

A riproporre questo effeto in jQuery ci ha pensato Janko Jovanovic, che ha realizzato uno script con framework Javascript che riproduce lo stesso effetto.

Abbiamo la possibilità di vedere una demo oppure di scaricare il codice sorgente.

Leggi il seguito di questo articolo »