giu 28
Vediamo come scegliere la libreria in Javascript migliore per i nostri siti web con applicazioni Ajax.
Thickbox – realizzata da jQuery (AJAX enabled) una libreria leggera ed efficiente. Gestisce immagini o html all’interno del lightbox. Peso di circa 40k. (Disponibile anche un plugin per WordPress)
Slightly ThickerBox 1.1 è una variante dello script Thickbox, eccellente per le gallerie fotografiche e per gestire gruppi o archivi di immagini.
GreyBox – Una versione con iframe che crea delle popup sullo schermo, ideale per immagini, html o url esterne – peso circa di 20k.
GreyBox Redux – Non necessita di incorporare funzioni JS nel sito ed è molto più leggero di GreyBox.
Lightbox v2.0 – la versione originale solo per immagini . Utilizza le librerie di Prototype e Scriptaculous e per ciò diventa abbastanza pesante ma molto carino a livello estetico.
Lightbox with moo.fx – Transizioni moo.fx, utilizzo ancora di Prototype ideale solo per immagini.
[tag] thickbox, greybox, lightbox, ayax, javascript[/tag]
giu 19
Alcune tecniche in javascript per operare particolari effetti sulle immagini in pochi e semplici passi.
Una serie di interessanti javascript non intrusivi applicabili alle immagini per avere effetti altrimentri ottenibili solo con programmi di grafica.
Questo articolo ci spiega come aggiungere tramite un javascript non intusivo, un effetto istantaneo sull’immagine di una nostra pagina web.
- Instant.js ci permette di aggiungere un effetto (incluso bordo) sulle immagini delle nostre pagine web utilizzando un javascript non intrusivo per avere un codice sempre pulito.
- Corner.js ci permette di aggiungere invece degli angoli arrotondati (incluso ombra esterna, interno e smussi effetto rilievo) sulle immagini delle nostre pagine web utilizzando un javascript non intrusivo per avere un codice sempre pulito.
Vi piace lo stile “Glossy” (lucido) che domina i loghi del Web 2.0?
Allora non potete perdervi Glossy.js che vi permette di applicare un effetto lucido tipico, detto appunto “Glossy” alle vostre immagini.
Tengo per ultimo, ma non meno interessante, Loup.js che permette di inserire una lente di ingrandimento (magnifier) sulle immagini per avere un oro ingrandimento.
Tutti gli script lavorano bene con i maggiori browser – Mozilla Firefox 1.5+, Opera 9+, Safari e IE6+
mag 04
LightWindow nella versione 1.2 che potete provare qui è una nuovissima evoluzione di libreria in AJAX da utilizzare per la gestione di contenuti nei siti web in ajax evitando reload di pagina da parte del server.
Ho provato tutte le applicazioni di questa libreria e mi ha sorpreso per la sua elasticità nel gestire vari tipi di estensioni di file come immagini, video, flash, siti web esterni, form, pdf, ecc…
Questa nuova versione di lightbox che supporta ben 5 differenti tipi di estensioni: pagine web, contenuti in line, file media come filmati Quicktime o Swf, immagini singole e gallerie, siti web esterni (via iframe).
La libreria non compressa è di 52 kb e richiede sia prototype 1.5+ che scriptaculous 1.7+, arriva a 9 kb in formato compresso.
Autore: Stefano Martini
Technorati tag: ajax, javascript, lightbox, lightwindow
mar 22
Vi consiglio questo strumentino basato su XML. Realizzato con licenza Creative Commons, si tratta di un ottimo prodotto per visualizzare file FLV (Flash Video Player). Ideale per realizzare siti web interattivi con gallerie fotografiche in versione video.
Questo programa è utile anche per realizzare video tutorial sulle parti amministrative delle applicazioni.
Il Flash Video Player (FLV) può essere da solo, senza l’esigenza di uno strumento di authoring. Il player permette di mostrare i propri video con diversi controlli ad un più vasto pubblico rispetto a QuickTime, Windows Media e Real Media. Supporta singoli file FLV, streaming RTMP o playlist in formato RSS/XSPF/ATOM.
Una vasta gamma dei flashvars (regolazioni), javascript e actionscript API.
Autore: Stefano Martini
Technorati tag: FLV, flash video, API, XML