Undolog.com

Appena rilasciata ecco l’ennesima libreria Unobtrusive Javascript per gallerie di immagini e non solo. Lightview, nella release 2.0.0_rc1, aggiunge anch’essa le funzioni per “aprire” delle Window con contenuti che vanno oltre la semplice immagine: filmati Flash, QuickTime, Form e IFRAME! Rispetto alla precedente versione (la 1.1.0 - che gestisce solo immagini), quindi, questa release candidate si arricchisce delle funzionalità presenti anche in altre librerie. Gli strumenti richiesti da Lighview per funzionare sono gli arcinoti Prototype 1.6.0.2 e Scriptaculous 1.8.1. Gliattributi usati per gestire la libreria sono class e rel.

Un’aspetto interessante di questa libreria è l’estrema cura della grafica con cui si presenta.

Voto: 9 - Home page di Lightview

Post correlati

• Tutti i cloni di Lightbox in una matrice dinamica (7)
• Light Library: da Slimbox a Shadowbox, gallerie in Javascript (12)
• Shadowbox assetURL: impostare il percorso delle immagini (2)
• Accessibilità e Usabilità: unobtrusive Javascript (4)
• Restyling: animazioni ed interattività (0)

Qualcuno potrebbe dire -  e non a torto - basta! Di librerie Javascript (Unobtrusive - non intrusive, o parzialmente) per gestire immagini e gallerie ce ne sono davvero tante. Comunque sia ecco la lista, con pregi e difetti, delle migliori che ho provato.

SLIMBOX 1.41

Estremamente minimale, 7K (alla versione 1.41), richiede mootools per funzionare. Come indicato sulla Home page è un vero e proprio clone grafico di Lightbox, che vedremo più sotto. Sinceramente, a parte l'estrema compattezza della libreria, non possiede caratteristiche peculiari. Sullo stesso sito, comunque, è possibile trovare anche uno script per generare riflessioni runtime... al limite può essere utile questo

Voto: --6 - Home Page Slimbox, Home Page Reflection.js for MooTools

LIGHTBOX2

Una delle più note e semplici. Gestisce in questa release sono immagini (quindi non funziona con QuickTime, Flash o altro). Per il suo funzionamento richiede Prototype e Scriptaculous. Usa l'attributo rel per identificare i link delle immagini da processare:

Come le altre librerie che vedremo, supporta la modalità slideshow, inserendo tra parentesi quadre un qualsiasi identificativo in una serie di link/image:

Voto: 6 - Home Page Lightbox2

LIGHTWINDOW 2.0

Anche questa è abbastanza diffusa! Dopo tutto come capire qual'è la più usata? ;). Comunque sia è estremamente completa  e versatile. Sul sito campeggia la richiesta di donazioni per l'acquisto di un Mac... un tantino invasiva e pressante... Comunque sia, come la precedente, per il suo funzionamento, richiede la presenza di Prototype e Scriptaculous. A differenza della precedente, tuttavia, questa permette di visualizzare moltisiimi tipi di file: dalle immagini, filmati QuickTime, filmati Flash, pagine HTML esterne e PDF. Di contro, utilizza vari attributi, alcuni facoltativi (author, caption e title) altri obbligatori (class e  params - per impostare il comportamento della libreria). Ad esempio, per visualizzare una gallery o slideshow usa l'attributo rel:

Voto: 8 - Home Page LightWindow 2.0

SHADOWBOX 1.0B

Nonostante sia alla versione 1.0 beta, questa è forse la libreria più completa, sia dal punto di vista funzionale sia per le librerie supportate. Per il suo funzionamento, infatti, è possibile scegliere tra una serie di framework, grazie a dei file "adapter" appositamente realizzati e fornite dall'autore:

• Yahoo! User Interface Library (yahoo, dom, event, anim)
• Ext (standalone, ext-core.js)
• Prototype + Scriptaculous
• jQuery
• MooTools (requires Fx.Styles and its dependancies)
• Dojo Toolkit (thanks Peter Higgins)

L'effetto visivo (configurabile tramite skin/css), poi, a differenza delle altre, è sicuramente più accattivante. Gli attributi usati sono solo il rel dove, al sue interno, trovano spazio tutti gli altri parametri di configurazione. Ad esempio, per realizzare una gallery, basta usare:

Se si desidera impostare qualche opzioni (vedi sito per la lista completa) basta usare la seguente sintassi:

Su Internet se ne possono trovare anche altre, come ad esempio Highslide JS. Anzi, se volete segnalarmi qualche altra libreria... Comunque sia, personalmente, preferisco Shadowbox per semplicità, scalabilità e cross-framework.

Voto: 9 - Home Page Shadowbox 1.0B

Post correlati

• Tutti i cloni di Lightbox in una matrice dinamica (7)
• Light gallery: Lightview 2.0.0_rc1 (1)
• Shadowbox assetURL: impostare il percorso delle immagini (2)
• Accessibilità e Usabilità: unobtrusive Javascript (4)
• Restyling: animazioni ed interattività (0)

Alcuni, e non a torto, discutono sull'utilità di Adobe AIR, Adobe Integrated Runtime (ex Apollo) proposto da Adobe. Di che stiamo parlando? Dopo tutto AIR è ancora una beta (l'ultima release è del 12/12/2007 - la beta 3) e il suo successo, vedremo se compreso o meno, dipende da molti fattori.

Continua a leggere... »

Post correlati

• Rinascono gli elementi di undolog.com (2)
• Sviluppare applicazioni Adobe AIR con Aptana IDE (5)
• Adobe AIR FAQ: tutto quello che c’è da sapere (7)
• Net Software (0)
• Adobe AIR 1.0, Adobe Flex 3.0 e il nuovo Adobe Open Source (0)

Su Fireclipse è disponibile la release 1.1 beta di Firebug, strepitoso debugger Javascript e non solo per FireFox. Tra le novità di questa beta segnalo il supporto per Firefox 3, la funzionalità eval() ed un external editor interface.

Da seguire con interesse, poi, l'intero progetto Fireclipse, un open project dedicato a tool Javascript!

Post correlati

• Sviluppare applicazioni Adobe AIR con Aptana IDE (5)
• Rinascono gli elementi di undolog.com (2)
• Net Software (0)
• Editor WYSIWYG per il Web (4)
• Aptana IDE update: milestone 9 (0)

A causa della sua capacità di comunicare con il server, l'oggetto XmlHttpRequest (XHR), usato nella tecnologia Ajax (acronimo di Asynchronous JavaScript and XML, la cui pronuncia dovrebbe essere "egiacs" anche se noi italiani preferiamo "aiacs"), ha un blocco di protezione che gli impedisce di eseguire richieste esterne al dominio in cui opera. Questa protezione è necessaria per impedire Injection Javascript (tecniche di "iniezione" di codice estremamente pericoloso con lo scopo di violare il sistema) di svariato tipo, con l'obiettivo ultimo di "irrompere" nel sistema.
Questo limite è oggi tenuto in seria considerazione e si sta pensando, in qualche modo, di risolverlo - direttamente nell'oggetto XmlHttpRequest - senza pregiudicare la sicurezza (vedi anche: Third proposal for cross-site extensions to XMLHttpRequest ).

Comunque sia la situazione oggi è la seguente:

Continua a leggere... »

Post correlati

• Web2.0: Gran Paradiso-Firefox 3.0 e Apollo (2)
• Web2.0: Adobe ci prova con Apollo? (2)
• Riflettendo su Joost, Apollo e i Browser (2)
• Dove Javascript vince (1)
• Adobe Apollo Alpha Release (1)

TynyMCE 2.1.2 (3.01 alpha)

Giunto alla versione 3.01a (l'ultima stabile è la 2.1.2), TinyMCE supporta i seguenti browser: (Mozilla, MSIE, FireFox, Opera and Safari (experimental)).
Grazie al supporto dei Plugins è completamente configurabile, sia a livello di Skin (vedi immagin in basso per due esempi) sia a livello di caratteristiche supportate (vedi Plugins). Completo di language pack permette di personalizzare l'output XHTML 1.0. Utilizzabile da PHP/.NET/JSP/Coldfusion GZip compressor supporta anche Ajax per le operaqzioni di Load/Save.

Continua a leggere... »

Post correlati

• Sviluppare applicazioni Adobe AIR con Aptana IDE (5)
• Rinascono gli elementi di undolog.com (2)
• Net Software (0)
• Aptana IDE update: milestone 9 (0)
• Adobe AIR: l’incompreso (0)

Ecco un'interessante estensione per FireFox (oggi rilasciata la patch 2.0.0.9) scritta da Kris Zyp. RESTTest permette di eseguire send e verificare le receive verso un URL utilizzando il protocollo REST, scegliendo tra i canonici metodi GET o POST (eventualmente personalizzabili).
RESTTest può essere utilizzato per verificare il funzionamento dell'oggetto XmlHttpRequest e quindi per testare le applicazioni che fanno uso di Ajax. Possiamo quindi simulare facilmente e velocemente richieste e risposte XHR.
Questa estensione è disegnata specificatamente per lavorare con risorse di tipo REST e supporta tutti i metodi HTTP.
Nel campo POST/PUT è possibile inserire tutti i parametri che intendiamo inviare alla nostra pagina di test, nella sintassi standard:

variabile1=valore1&variabile2=valore2&[...]variabile_n=valore_n

Questa estensione risulta utile anche nel test dei Feed RSS di un sito o nell'analisi dei paramteri di qualsiasi servizio RPC.

Post correlati

• Xopus: editor XML in WYSIWYG (0)
• Web2.0: Gran Paradiso-Firefox 3.0 e Apollo (2)
• Weebly: crea il tuo sito Online (2)
• Web2.0: Adobe ci prova con Apollo? (2)
• Tunneling e proxy server per Ajax e non solo (3)

C'è chi li odia e chi non ne può fare a meno! I Captcha (completely automated public Turing test to tell computers and humans apart), ovvero i sistemi di "controllo umano", permettono nella maggior parte dei casi di eliminare molto della SPAM prodotto nella rete. reCAPTCHA è un servizio gratuito che permette di installare un proprio controllo Captcha sul proprio Web. Una volta registrati sul sito è possibile elencare i propri Web generando due chiavi (una pubblica e una privata: vedi La cifratura RSA) da usare in PHP, WordPress, e MediaWiki..

Sul sito è possibile trovare anche un servizio di protezione mail. In pratica viene rilasciato un codice da inserire nel proprio Web in modo tale da non visualizzare in chiaro un indirizzo email, tipo "i[...]@miodominio.com". Cliccando verrà mostrato un Captcha da risolvere!

Vedi anche: 

• reCAPTCHA plugins and libraries
• reCAPTCHA API Documentation

Post correlati

• Tunneling e proxy server per Ajax e non solo (3)
• Sviluppare applicazioni Adobe AIR con Aptana IDE (5)
• Rinascono gli elementi di undolog.com (2)
• Net Software (0)
• Editor WYSIWYG per il Web (4)

È disponibile l'aggiornamento ad Aptana IDE, l'ambiente di sviluppo Web che supporta Adobe AIR e Apple iPhone. Tra le novità segnaliamo il miglioramento della sezione PHP con l'aggiornamento del Code Assist sia sulle funzioni che sui parametri. Migliorata anche la "colorazione" del codice. Aggiunto il supporto per gli ultimi framework Ajax tra cui Prototype.js e jQuery. Migliorata anche la gestione di Javascript.

Per la lista complete delle nuove funzionalità clicca qui.

Post correlati

• Sviluppare applicazioni Adobe AIR con Aptana IDE (5)
• Web2.0: Gran Paradiso-Firefox 3.0 e Apollo (2)
• Net Software (0)
• Web2.0: Adobe ci prova con Apollo? (2)
• Rinascono gli elementi di undolog.com (2)

È stata appena rilasciata la release candidate 1.6.0 di prototype con interessanti aggiornamenti all'intero sistema di API. In particolare il metodo observe dell'oggetto Event è stato migliorato e ora fornisce il contesto dell'oggetto che ha rilasciato l'evento. Questo "giusto" comportamento può tuttavia essere sovrascritto. Questo significa che per default this si riferisce all'oggetto che ha rilasciato l'evento. È stata introdotta anche la possibilità di creare eventi personalizzati. Altri miglioramenti riguardano la Function.prototype, le funzioni di DOM, Ajax, le funzioni delle classi e molto altro. Per una lista completa vedi il CHANGELOG.

Download

• Download Prototype 1.6.0_rc0
• Get Prototype help on the rails-spinoffs mailing list or #prototype IRC channel
• Interact with the Core Team on the prototype-core mailing list
• Submit bug reports to Rails Trac

Post correlati

• Web2.0: Gran Paradiso-Firefox 3.0 e Apollo (2)
• Web2.0: Adobe ci prova con Apollo? (2)
• Tutti i cloni di Lightbox in una matrice dinamica (7)
• Sviluppare applicazioni Adobe AIR con Aptana IDE (5)
• Shadowbox assetURL: impostare il percorso delle immagini (2)