Nel precedente tutorial abbiamo realizzato una semplice pagina di test, muovendo i primissimi passi nel mondo di jQuery. Proviamo ora ad aggiungere un po’ di interattività alla nostra pagina. Alla fine del tutorial, otterremo questo.

Tutorial 2: effetti ed animazioni

Riprendiamo la nostra pagina di prova esattamente dove l’avevamo lasciata, e apriamola.

Guardando l’elenco, mi viene pensato che se la lista di film fosse più corposa, diciamo almeno 50 titoli, potrei dover scorrere parecchio la pagina per vedere i dettagli del film che mi interessano. Forse sarebbe meglio vedere solamente l’elenco dei titoli e, una volta trovato il film, posso fare click su un pulsante per aprirne i dettagli. Prosegui la lettura »

Salve a tutti.

Con questo post, inizio una serie di mini-tutorial sull’utilizzo di jQuery. Non sto a tediarvi sulla storia, le potenzialità, i pregi e i difetti eccetera: potere trovare tutto a partire dalla relativa pagina su Wikipedia.

Mi limito ad elencare alcune caratteristiche che trovo interessanti:

• è un framework completo e compatto (24k per la versione compressa)
• permette, di base, molteplici azioni e interazioninelle pagine web :
  • animazioni
  • interazione Ajax
  • interrogazione e manipolazione di ogni aspetto della pagina web
• estendibile tramite numerosi plugin
• cross-brower (Firefox 2+, IE6+, Safari 3+, Opera 9+, Chrome)
• CSS3 compliant

In questa mini-serie di post non ho la pretesa di essere esauriente né di illuminarvi su tutti gli aspetti di jQuery: servirebbe un intero libro per farlo. Il mio intento è di illustrare come utilizzarlo in esempi classici, in situazioni reali, e far vedere che con poche righe di codice, si possono fare cose un sacco web 2.0 ! e anche risparmiare molto codice…. d’altronde il motto che si legge nel logo è “write less, do more.” Prosegui la lettura »