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.

PNGFIX, le soluzioni

10
settembre

Come tutti ormai sanno il supporto dell’alpha (la trasparenza) delle immagini in formato “.png”, è stato implementato in tutti i browser di ultima generazione, nessun problema per Firefox, Safari e Internet explorer dal 7 in poi. Per IE6 invece che l’utenza si ostina ad usare per ignoranza nell’avventurarsi in un concreto windows update e per le dubbie scelte di Microsoft nel non forzarne l’aggiornamento, è ancora un problema portando noi programmatori web al rifugiarci in subdoli escamotage per fixarne la trasparenza.
L’universo web offre svariate soluzioni tutte ottengono risultati e controindicazioni simili anche se sfruttano linguaggi e frameworks differenti.
La funzione primaria di fix la svolgono egregiamente ma purtroppo con dei limiti; per esempio nel caso di fix del background di una div, si perde l’interattività degli elementi children alla stessa, o nel caso di un’immagine che corrisponde ad un link il clic non ha risposta o infine il refresh della pagina nel processo di fix.

Ecco le eventuali soluzioni:

IE PNG Fix v1.0 / 2.0 Alpha 3 by TwinHelix
Sfrutta un file con estensione .htc “behaviors”, un’estensione custom del CSS di Microsoft che non ha effetto sugli altri browsers. Semplicemente aiuta IE5 e IE6 nel supporto della trasparenza. L’installazione avviene copiando il file iepngfix.htc e il file blanck.gif nella /root del sito e richiamandone la funzione tramite CSS; la documentazione completa sul sito.

jQuery.pngFix.js by Andreas Eberhard
Semplice plugin del mitico Framework Javascript jQuery, implementato sotto forma di js il plugin fornisce la stessa funzione del precedente, richiede anch’esso due passaggi di integrazione, link del js nell’head della pagina e attivazione del plugin nelle funzioni di jQuery; la documentazione completa sul sito.

Unit PNG Fix by Unit Interactive
Offrendo le stesse funzioni per le immagini .png questo fix è racchiuso in un unico e indipendente leggerissimo file js che entra in funzione semplicemente linkandolo nell’head. Documentazione sul sito.

Se esistono altre soluzioni, segnalatele!

12