Google Chrome Beta Download

Da poche ore in oltre cento nazioni del mondo, è possibile scaricare la versione BETA di Google Chrome, il nuovo browser di navigazione opensource di Google. Continue reading »

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]

I fogli di stile (CSS, Cascading Style Sheets) sono per noi che realizziamo siti web accessibili e usabili, una vera boccata di aria fresca. Grazie ad essi, il web design ha finalmente potuto staccarsi dal codice contenuto nelle pagine, permettendo maggiore personalizzazione in fase di sviluppo e debug.

In questo articolo che suggerisco possiamo imparare a sfruttare meglio quest’ennesima perla del W3C, approfondendo la conoscenza delle specifiche tecniche e studiando i pezzi di codice proposti dai guru del settore.

Interessante è ad esempio la gestione differenziata delle pagine, per la quale abbiamo un foglio di stile per la visualizzazione a video ed uno studiato per una migliore impaginazione della stampa.

Alcuni dirty tricks ci insegnano invece a rendere le nostre pagine più visibili a spider e crawler che i motori di ricerca utilizzano per l’indicizzazione dei nostri contenuti.Vediamo poi come sia possibile assegnare due classi ad un medesimo oggetto, con evidenti benefici in termini di granularità della presentazione.

Supponendo ad esempio di avere due classi distinte per la formattazione del testo, chiamate testo e articolo, possiamo assegnarle ad un unico paragrafo elencandole semplicemente una di seguito all’altra, ponendo attenzione a separare le due voci con uno spazio (e non con le virgole, che in questo caso non vengono contemplate):

< p class="testo articolo" >Testo del mio articolo…< /p>

Tanto semplice quanto utile! Sull’onda del successo, l’autore dell’articolo Trenton Moss ci ha fatto omaggio di altri dieci tips and tricks sull’uso dei CSS, scrivendo un secondo articolo sull’interessantissimo blog, Webcredible.

Che dire, non è tutto AJAX quello che luccica

Autore: Stefano Martini

Technorati tag: css, cascading style sheets, ajax, usability, w3c

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