Ajax & Javascript
Catturare lo shake dell'iPhone con Javascript: Dice Roller
Dalla versione di iOS 4.2 è disponibile il supporto alle api Javascript dell'accelerometro, tramite l'evento devicemotion dotato di alcune proprietà come accelerationIncludingGravity. Per provare queste nuove features del browser Safari Mobile di iPhone, iPod Touch e iPad ho simulato il lancio di un dado che avviene semplicemente scuotendo il device o con il "tap"...
LetterFlipper, un plugin javascript per giocare con i testi
L'altra sera avevo bisogno di un po' di sano "cazzeggio" e per rilassarmi ho realizzato un semplice script basato sul framework Prototype, ispirandomi a uno snippet Javascript pubbliccato su CSSTRICKS, e rivisto sotto forma di plugin per JQuery anche da Don Burks. ecco la demo del mio letterFlipper in azione.
In pratica il funzionamento è molto semplice; al passaggio...
Previsioni meteo in Italia su Google maps!
Obiettivo: visualiizare informazioni sulle condizioni meteo in Italia su una mappa di google, una riproduzione in piccolo del bellissimo isitsunshine ( che però mi sembra digerito molto male da Internet Explorer).
Risultato: visualizza le previsioni del tempo in Italia.
Il progetto che ho allestito, chiamato spWeather, è del tutto sperimentale, frutto di una...
ProtoSkim, un clone di Apple Mobile Me Gallery
ProtoSkim è un semplice plugin javascript che consente di implementare un effetto sfoglio (skim) su una galleria di immagini (simile per intenderci a Mobile Me Gallery della Apple e a qGallery). In realtà lo script è inspirato da una interessante tecnica trovata su pixelcity.com. ProtoSkim utilizza Ajax e Json e richiede l'utilizzo del framework Prototype...
CSS Style Switcher con i cookie e javascript
Con il restyling del blog ho provveduto anche ad aggiornare Protoswitcher, un CSS switcher basato sui cookie e javscript con cui è realizzato il cambio di colori del template di questo sito. ProtoSwitcher si appoggia al framewok Prototype, non richiede fogli di stile aggiuntivi, ma lavora sulla classe del tag body, e cambia lo stile degli elementi per mezzo dei...