Articoli su Javascript e Ajax, CSS e HTML, Php e Mysql
Rendere cross-browser l'attributo HTML5 placeholder
Tra le novità introdotte da HTML5 l’attributo placeholder consente di mostrare un breve suggerimento all’interno dei campi di testo input e textarea: nel momento in cui una determinata casella riceve il focus, il messaggio scompare e viene sostituito dal testo digitato dal navigatore. Purtroppo però il supporto a questo tipo di attributo è limitato ai browser di ultima...
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...
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...
Prototube: un plugin per i video di YOUTUBE
Ho utilizzato spesso in PHP una classe simile a quella di Nemanja Avramovic per consentire agli utenti del mio CMS di inserire facilmente i video di YOUTUBE nelle loro pagine. Passando il solo indirizzo della pagina del sito di Youtube dove risiede il video, è possibile innanzitutto ricavare anche l'indirizzo dell'immagine di anteprima. Inoltre, a differenza del...