Fast Gallery è un modulo per Drupal 6 concepito per consentire la creazione di una galleria di immagini con generazione automatica delle miniature, nel modo più semplice possibile e con la minima necessità  di opzioni di configurazione. Il modulo si serve di Thickbox per visualizzare l'immagine a dimensioni originali in una finestra pop-up, quindi anche questo modulo deve essere installato ed abilitato prima di poter abilitare Fast Gallery. (more...)

Continua a leggere Fast Gallery, galleria di immagini per Drupal 6

Categoria: CMS

Sabato 29 Marzo è stata rilasciata la versione 2.5 di WordPress, una pietra miliare per quanto riguarda questo popolarissimo software open source che permette di gestire blog e non solo. In questa mini-serie composta da due post vediamo i dettagli delle feature introdotte in questa nuova release. (more...)

Continua a leggere Le nuove funzionalità  di WordPress 2.5 (parte 1)

Categoria: CMS

La più recente soluzione per gli ingrandimenti di immagini nella stessa pagina si chiama semplicemente così: Galleria. Lo script è in grado di trasformare una semplice lista ordinata di immagini a dimensioni naturali in una vera e propria galleria di miniature con ingrandimenti, generando automaticamente le thumbnail e aggiungendo l'interazione mediante Javascript. Molte le caratteristiche interessanti, apprezzabili attraverso i due esempi (primo e secondo) tra cui spiccano a parer mio la possibilità  di personalizzare l'aspetto della galleria e la navigabilità  con i tasti avanti/indietro del browser. Galleria si basa su JQuery, è leggera (2.5 Kb) ed è totalmente non intrusiva: in assenza di Javascript e/o CSS verranno semplicemente mostrate le immagini a dimensione naturale. Si tratta di una soluzione molto pratica per gli sviluppatori (riduce infatti moltissimo i tempi di sviluppo e non necessita la preparazione delle miniature) non esente però da difetti: tra questi spicca a parer mio il tempo di attesa da parte dell'utente per caricare tutti gli ingrandimenti e il correlato carico del server. Inoltre, la navigazione attraverso i link prev/next avrebbe potuto essere aggiunta da Javascript stesso. Per il download dell'ultima versione, il progetto è ospitato su Google Code.

Continua a leggere Ingrandimenti nella stessa pagina con Galleria

Categoria: Scripting

L'ennesima alternativa a soluzioni in stile Lightbox è il recente Lightview. Come Lightbox, consente di ottenere ingrandimenti di immagini singole e set di immagini a centro pagina attraverso una finestra modale, ma aggiunge molte caratteristiche interessanti. Tra le più notevoli, a parer mio: Possibilità  di avere slideshow tra gli ingrandimenti Preload intelligente degli ingrandimenti Alto grado di personalizzazione attraverso le molte opzioni disponibili dallo script, senza la necessità  di modificare il CSS Cornice arrotondata senza immagini ma con le Canvas Ridimensionamento intelligente, per far sì che gli ingrandimenti restino confinati nel viewport Si tratta di un progetto decisamente notevole e molto promettente. Lightview si basa sull'ormai consolidata accoppiata Prototype e Scriptaculous, che bisognerà  scaricare a parte per poter mettere in azione il tutto.

Continua a leggere Lightview, ovvero LightBox evoluto

Categoria: Scripting

Ho raccolto negli ultimi tempi link a diversi plugin per JQuery che vorrei presentarvi. Premesso che ci sono davvero tantissimi plugin disponibili anche sul sito ufficiale, questa è una piccola selezione di quelli che hanno catturato la mia attenzione per la loro originalità  e utilità . Il primo è Humanized Messages (qui l'esempio), un'alternativa alle finestre modali o agli obsoleti messaggi di alert. Si tratta di messaggi semitrasparenti che spariscono quando l'utente compie un'azione (per esempio digitare sulla tastiera o muovere il mouse). Rimanendo in tema di finestre modali, Impromptu è un plugin per ottenerle: al suo interno è possibile anche disporre form e messaggi di conferma. Altro plugin interessante è il Lazy loader: ideale per migliorare usabilità  e navigabilità  degli utenti con connessioni analogiche, oltre che ridurre il carico sul server, questo plugin ritarda il caricamento delle immagini non visibili su pagine lunghe, immagini che vengono poi caricate quando effettivamente l'utente scrolla la pagina. (more...)

Continua a leggere Dieci plugin per JQuery

Categoria: Scripting

Ecco PopBox!

25 Oct

Tra le moltissime implementazioni di gallerie di immagini nella stessa pagina in stile LightBox, ho scoperto di recente una fresca novità : PopBox. Si tratta di una soluzione Javascript per avere ingrandimenti nella stessa pagina con un'animazione "zoom" dalla miniatura all'ingrandimento molto accattivante. Davvero notevoli le caratteristiche e la facilità  di utilizzo, grazie anche ai molti esempi nella pagina di presentazione e alla dettagliata documentazione. Lo script è piuttosto corposo (46Kb non compresso), non ha dipendenze da framework e librerie ed è rilasciato sotto licenza Creative Commons; il supporto cross-browser non è dichiarato. Tra i vantaggi principali la possibilità  di inserire le miniature ed avvere l'effetto di transizione sugli ingrandimenti, che vengono automaticamente precaricati dallo script stesso. A parte il peso non indifferente, lo script non è esente da difetti: tra essi la necessità  di utilizzare attributi non standard nell'HTML per specificare gli ingrandimenti e le descrizioni, oltre ad eventi onclick in linea per indicare le modalità  con cui vengono mostrati.Direi peccato, perché si tratta di una soluzione che si rivela molto gradevole all'uso ma, sebbene recente, poco attenta alle pratiche legate ai web standards e al Javascript non intrusivo.

Continua a leggere Ecco PopBox!

Categoria: Scripting

Post veloce con la segnalazione di alcune recenti liste con soluzioni Javascript e CSS. Si tratta di risorse monotematiche e specifiche, utilissime soprattutto all'occorrenza.Procedo con l'ordine del titolo: su Kollermedia, ecco ben 25 implementazioni per i tooltip: List of 25 Javascript/Ajax & CSS Tooltip Scripts. Smashing Magazine ha presentato la scorsa settimana 14 tab based interface techniques per i menu a tab.Su Dr.Web ecco una bella raccolta di script per gallerie di immagini e slideshow. Il post è in tedesco, ma le risorse sono tutte in inglese. Risorsa simile è 20 Free Image Galleries & Slideshows su DHTML Site, che presenta anche 10 Free CSS and Javascript Calendars.

Continua a leggere Tooltip, tab, gallerie e calendari

Categoria: Scripting

Trovo che le miniature siano un modo molto accattivante per presentare in maniera efficace le gallerie di immagini. I problemi sorgono però nel momento in cui vogliamo sistemare miniature di dimensioni diverse o con differente orientamento.A questo punto si presentano tre soluzioni. La prima, e la meno pratica, è aprire il vostro programma di grafica preferito e procedere a ridimensionare e/o aggiungere spazio bianco per far si che tutte le miniature abbiano alla fine la stessa dimensione, per poi usare una soluzione che sia adatta per miniature delle stesse dimensioni (tipo questa presentata nella serie usare il background).La seconda: centrare sia verticalmente che orizzontalmente le miniature, così da consentire differenti misure... magari con una piccola cornice attorno, un po' com'è stato presentato nell'articolo Miniature centrate con i CSS (qui l'esempio).La terza soluzione viene presentata nel recentissimo Image gallery that doesnÂ’t fall apart di Emanuel Blagonic: si tratta semplicemente di assegnare le dimensioni ai contenitori delle immagini (tipicamente link, div o list-item) e far sì che il contenuto in eccesso venga tagliato grazie alla proprietà  overflow. Semplice ed efficace.

Continua a leggere Gallerie di miniature non omogenee

Categoria: CSS

Litebox

5 Jul

"Stesso gusto con meno calorie". Lo slogan fa capire bene la principale caratteristica di questa libreria Javascript. Litebox è un remake di Lightbox 2 creato avendo un obbiettivo primario da rispettare: alleggerire il peso. Si basa infatti su moo.fx in combinazione con prototype.lite. Il sito offre esempi, codice e zip con tutte le librerie necessarie.

Continua a leggere Litebox

Categoria: Scripting

Ecco ThickBox

26 Apr

Dopo LightBox, diverse versioni derivate e la LightBox 2, vale la pena di segnalare ThickBox, un nuovo script per avere ingrandimenti e finestre modali AJAX-powered in maniera semplice e intuitiva che usa JQuery. Il codice di ThickBox rispetto all'ultima versione di LightBox si presenta più versatile e soprattutto leggero: 20Kb contro 100. Da non perdere l'esempio che ben dimostra le potenzialità  dello script.

Continua a leggere Ecco ThickBox

Categoria: Scripting