Gli ultimi post di Edit
Fast Gallery, galleria di immagini per Drupal 6
Martedì 16 Settembre 2008 - 08:25
di massimo.giagnoni
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.
Continua a leggere Fast Gallery, galleria di immagini per Drupal 6
Categoria: CMS | Permalink | Commenta
Le nuove funzionalità di Wordpress 2.5 (parte 1)
Venerdì 4 Aprile 2008 - 15:05
di flavio.copes
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.
Continua a leggere Le nuove funzionalità di Wordpress 2.5 (parte 1)
Categoria: CMS | Permalink | Commenti (2)
Ingrandimenti nella stessa pagina con Galleria
Lunedì 10 Marzo 2008 - 08:55
di Alessandro Fulciniti
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.
Categoria: Scripting | Permalink | Commenti (8)
Lightview, ovvero LightBox evoluto
Mercoledì 16 Gennaio 2008 - 08:31
di Alessandro Fulciniti
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.
Categoria: Scripting | Permalink | Commenti (14)
Dieci plugin per JQuery
Giovedì 8 Novembre 2007 - 10:42
di Alessandro Fulciniti
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.
Continua a leggere Dieci plugin per JQuery
Categoria: Scripting | Permalink | Commenti (2)
Ecco PopBox!
Giovedì 25 Ottobre 2007 - 11:43
di Alessandro Fulciniti
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.
Categoria: Scripting | Permalink | Commenti (22)
Tooltip, tab, gallerie e calendari
Venerdì 27 Aprile 2007 - 09:27
di Alessandro Fulciniti
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.
Categoria: Scripting | Permalink | Commenti (1)
Gallerie di miniature non omogenee
Mercoledì 4 Aprile 2007 - 09:25
di Alessandro Fulciniti
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 doesnt 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.
Categoria: CSS | Permalink | Commenti (8)
Litebox
Mercoledì 5 Luglio 2006 - 13:10
di Cesare Lamanna
“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.
Categoria: Scripting | Permalink | Commenti (15)
Ecco ThickBox
Mercoledì 26 Aprile 2006 - 13:20
di Alessandro Fulciniti
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.
Categoria: Scripting | Permalink | Commenti (10)