Javascript Opt, Css Transform and Other Stuff
Aprile 01, 2012 Nessuno Commento
Just doing some research on new things I’ve found some interesting articles: Javascript optimization: Closure based classes up 20,000 times slower than prototypes The fastest way to loop through an array in JavaScript A re-introduction to JavaScript Patterns For Large-Scale JavaScript Application Architecture Best way to find an item in a JavaScript array Speeding up JavaScript: Working with the DOM Css transform: An Introduction to CSS 3-D Transforms Understanding CSS [...]
Jquery Dropdowns Con Supporto Touch
Febbraio 21, 2012 Nessuno Commento
Ecco un codice Jquery molto semplice che permette di avere dropdowns con il supporto touch per Ipad e Iphone e tutti gli altri dispositivi con eventi touch. Per prima cosa aggiungi la classe touchdropdown ai tag Html che hanno gli eventi mouseenter e mouseleave: <div id="mydropdown" class="touchdropdown"></div> Poi aggiungi questo codice ai tuoi script Javascript: if("ontouchstart" in window){ $("html").addClass('touch'); } $(".touch .touchdropdown").on('mouseenter', function(e) { $(this).data("touch",0); }); $(".touch .touchdropdown").on('click', function(e) { [...]
Minimit Gallery 2.0 Guida
Gennaio 24, 2012 12 Commenti
Ecco le specifiche e le api di Minimit Gallery 2.0. Nella pagina del plugin puoi trovare il codice sorgente e la demo. L’ Api Html Quando usi Minimit Gallery devi specificare tutti gli item Html items della galleria, dandogli un id costruito con il nome di referenza la stringa item e in numero dell’item, in questo modo: <div id="reference-item-0">0</div> <div id="reference-item-1">1</div> <div id="reference-item-2">2</div> <div id="reference-item-3">3</div> <div id="reference-item-4">4</div> <div id="reference-item-5">5</div> Prima [...]
Javascript Events Fixes
Gennaio 20, 2012 Nessuno Commento
Ecco un fix per gli eventi Javascript che fixa due problemi importanti: Fixa lo scope degli event handlers aggiunti con il metodo attachEvent di Internet Explorer’s (codice preso da Yui Library) Aggiunge il supporto agli event mouseenter e mouseleave Per usarlo copiate il codice su un file Javascript e usate la funzione come volete. /* * Add Javascript events: support mouseenter and mouseleave and fix scope of event handlers * [...]