Category Archives: links

Creare un calendario interattivo con i CSS3 e jQuery

In questo articolo Jef Vlamings ci mostrerà come creare un bellissimo calendario interattivo utilizzando i CSS3 e jQuery.
L'idea è quella di mostrare a prima vista il numero di appuntamenti per ogni giorno. Al click su un giorno sarà possibile visualizzare il dettaglio degli appuntamenti contrassegnati con un colore differente per ogni tipologia di evento.

Link: http://www.jepija.com/blog/a-clean-calendar-in-css3-jquery/

Creare una mappa interattiva usando HTML5 e jQuery

MigrationsMap.net permette di creare una mappa interattiva utilizzando HTML5 e jQuery.
Nell'esempio che vedete sul sito, è possibile vedere tutte le migrazioni che sono state fatte da X nazione a X nazione. Oltre a questo, all'evento hover su ogni paese è possibile conoscere il suo numero di abitanti, il PIL, la prevalenza di HIV, di tubercolosi e il tasso di mortalità dei bambini sotto i cinque anni.
Tutto il codice e gli script utilizzati sono disponibili su GitHub.

Link: http://migrationsmap.net

JSZIP, creare files Zip con javascript

Oggigiorno Javascript è capace di generare moltissimi dati. Il modo più semplice per fornire file agli utenti è in un file zip. Invece di sprecare risorse del server e larghezza di banda è possibile farlo generare direttamente al client.

JSZIP crea files zip in Javascript automaticamente per voi. L'unico problema che al momento non è stato possibile risolvere è che il nome che viene attribuito al file zip è un po' scomodo, Firefox genera nomi come a5sZQRsx.zip.part e Safari invece con un semplice 'Unknown'.

Link: http://jszip.stuartk.co.uk/

CSS Dock (V2), una dock in stile Mac OS X realizzata solo con i CSS

CSS Dock (V2) è un esperimento che riproduce la dock del Mac OS X usando solo i CSS.
Etichette, animazioni, riflessi e indicatori vengono gestiti tramite CSS.
La Dock funziona con i browser più moderni e quindi con Safari e Chrome ma non preoccupatevi, lo sviluppatore ha creato dei fallback per gli altri browser meno recenti.

Link: http://michaelhue.com/cssdock/

jQuery Transit, animazioni CSS3 per jQuery!

Le transizioni e trasformazioni CSS forniscono una vasta gamma di animazioni e morphing degli elementi HTML. Se volete utilizzarle all'interno di jQuery come fate? Ecco che entra in scena jQuery Transit! Si tratta di un fantastico plugin che permette di eseguire animazioni e transizioni CSS utilizzando la stessa sintassi ".animate".

Link: http://ricostacruz.com/jquery.transit/

Upload dei files in HTML5 con progress bar

HTML5 risolve finalmente un vecchio problema che non permetteva di mostrare una barra di avanzamento mentre veniva effettuato l'upload di un file. Quello che si deve fare è collegare il flusso di byte del server mentre sta ricevendo un file in modo da sapere quanti byte sono stati ricevuti ed inviare in qualche modo queste informazioni al browser del client.

Matlus ha scritto un tutorial molto completo che mostra come effettuate l'upload di un file in HTML5 mostrando una barra di avanzamento.
Potete applicare questa soluzione anche su progetti esistenti perché non necessita nessuna modifica lato server.

Link: http://exposureroom.biz/upload.aspx