homepage

jQuery 1.3

15
gennaio

A quanto pare jQuery nacque il 14 gennaio 2006 quindi arriva a compiere 3 anni, pubblicando la versione 1.3 del noto framework javascript.
jQuery secondo i vari test è il framework più performante che il web ci offre, con la nuova versione raggiunge un potenziale notevole introducendo anche nuove feautres.
Tra queste vediamo:

Sizzle, un selettore di CSS riscritto che ne migliora la velocità e l’estensibilità, rendendolo Stand Alone.
Live Events, la possibilità di delegare ad un elemento, introdotto in origine dallo stesso framework, nuovi eventi ed effetti.
jQuery Event Overhaul, compatibilità dell’oggetto jQuery.Event riscritta e incrementata rispetto agli standard W3C e il cross-browsing.
HTML Injection, l’inserimento (append) di codice HTML in un documento è stato riscritto alla base del core di jQuery portandone la velocità a 6x in confronto alla vecchia versione.
Offset Rewrite, come nel caso precedente il modulo offset (praticamente le azioni jQuery che vediamo a schermo) è stato riscritto incrementando le prestazioni di 3x.
No More Browser Sniffin, a quanto pare scopro ora che le librerie js contengono degli identificatori per i browser (jQuery.browser), ovvero a seconda del browser che usi lavorano in modo differente, ora jQuery migliora le compatibilità cross-browser e nasconde l’oggetto di identificazione (utilizzabile su richiesta di plugin o in futuro) e introduce l’oggetto jQuery.support che analizza direttamente il bug, simula la compatibilità col browser e reagisce di conseguenza.

Questa è la mia interpretazione leggendo le specifiche riportate dagli sviluppatori.

Qui troviamo il post su jQuery blog con l’annuncio della versione 1.3 e qui la completa descrizione dei cambiamenti introdotti della nuova release.

jQuery background-image changer

2
ottobre

Nuovo sito, nuova feature studiata apposta, con jQuery e le API che intervengono sui CSS sono riuscito a costruire un semplice “background changer”, in modo da cambiare la fotografia di fondo al <body>.
Guardiamo il codice ovviamente includiamo nell’head il jquery.js:

HTML
<div class=”bg 1″>1</div>
<div class=”bg 2″>2</div>

CSS
body {
background: #fff url(skin/bg0.jpg) center top no-repeat fixed;
}
.bg {
position:realtive; float:left;
height: 19px; width: 19px;
text-align:center; line-height: 19px;
margin: 0px 1px 1px 0px;
background: #000; color: #fff;
cursor:pointer;
}

JAVASCRIPT
$(document).ready(function(){
$(“.bg.1″).click(function(){
$(“body”).css(‘background-image’,'url(skin/bg1.jpg)’);
});
$(“.bg.2″).click(function(){
$(“body”).css(‘background-image’,'url(skin/bg2.jpg)’);
});
});

Ora non mi resta che implementare i coockie (o con jquery.coockie.js plugin o direttamente con php) per conservare la scelta del background, se qualcuno ha idee per aggiunte, correzioni e o revisioni ecc, liberissimo di condividerle.

JQuery & Co.

18
giugno

data la semplicità e la fimigliarità che ho trovato nel utilizzare jQuery lo ritengo il mio framework prediletto…
Ho trovato questo jQuery CheatSheet (by Colorcharge), un file .png con elencate le API del framework, così come un veloce e completo promemoria per gli sviluppatori.
Ovviamente esistono i CheatSheet anche per altri framework, come per MooTools 1.2 e Prototype.

Poi, un post su un blog esteticamente splendido , che raccoglie 21 distro dei citati Frameworks, tra jQuery, MooTools e Prototype…

E per restare in tema Javascripts/jQuery, ecco 2 plugin che testerò al più presto su quanche sito:
- uno slideshow veramente ammirevole, Animated Innerface.
- e un altro lightbox, in perfetto stile Facebook, Facebox 1.2.

12