Lightbox è uno script Javascript basato su Prototype e Scriptaculous, che permette di visualizzare singole foto e gallerie.

La potenza di questa applicazione sta nella sua semplicità di utilizzo e compatibilità con i maggiori browser.

Su WordPress è possibile installarlo, basta scaricare il plugin wp-lightbox2 caricarlo via ftp ed attivarlo. Subito dopo sarà necessario applicare rel=”lightbox” dentro l’attributo a di ogni immagine, dal pannello HTML presente nella scrittura del post.

Tutti hanno un Blogroll, cioè un elenco di link a Blog che il Blogger segue e vuole rendere disponibili a propri lettori o semplicemente un elenco per scambio link, ma non tutti si curano di esaltarlo.

Volevo riproporre un vecchio post in occassione del nuovo menù. Per realizzarlo, infatti, mi sono affidato a questo script, e quindi volevo riproporlo per analizzarlo nuovamente in maniera più semplice e più chiara, proprio per dimostrare quanto sia semplice il suo utilizzo. Con poche righe di codice possiamo inserire un menu semplice, leggero e graficamente piacevole.

Nel web 2.0 l’uso di div mobili è sempre più frequente, sia per la velocità che per estetica e usabilità. In un articolo precedente ci siamo occupati di come creare un pop-up dinamico ma fisso. Ora vediamo come renderlo anche ridimensionabile e mobile all’interno delle nostre pagine.

Puoi vederne una Demo qui.

La comodità di avere una sezione del nostro sito con un pannello tab ci permette di raccogliere in modo ordinato i contenuti e sopratutto di evitare di ricaricare la pagina. Questa soluzione si rivela utile nelle home-page, dove puoi utilizzarlo per catalogare le ultime news, si può utilizzare per creare una gallery o perfino per realizzare un menu con sottovoci. Nell’esempio mi sono divertito ad usare le tab per realizzare un mini-sito, soluzione interessante per quei siti piccoli che raccolgono solo testo.

Creare una gallery con tutte le nostre foto per il nostro Blog è oggi più che mai una cosa semplicissima. Il mondo del web 2.0 ci porta tante tecniche a tal proposito, ma oggi vediamo come realizzarne una con moo.rd Virtual Box, un’estensione del potente mootools.

Per realizzarla ci basta qualche riga di codice copia/incolla, un editor (Irfan View và più che bene) e 5 minuti di pazienza.