Tutorial: Animare oggetti con jQuery

Nel primo tutorial che ho pubblicato tempo fa su jQuery, abbiamo accennata molto velocemente a una funzione che permetteva di animare da codice degli elementi Html, oggi rivedremo quella funzione con un po’ più di dettagli e ne analizzeremo altre che ci permetteranno di creare effetti animati per le nostre pagine web e renderle più “cool” .

Se non avete mai usato le funzioni di animazione messe a disposizione da jQuery questo tutorial vi fornirà le basi per poterci smanettare!
Continua a leggere »

14 giorni di jQuery

Per celebrare l’uscita della versione 1.4 il team di jQuery ha pensato di fare le cose in grande: un evento web di ben 14 giorni nel quale ogni giorno saranno disponibili nuovi contenuti da scaricare… con tanto di sito apposito!

Il tutto inizia oggi (4° compleanno di jQuery tra l’altro)… i contenuti rilasciati giornalmente comprendono: video istruzionali, “pezzi” di codice da riutilizzare, aggiornamenti di jQuery UI e molto altro ancora. In più effettuando una donazione di almeno 20 Dollari al progetto jQuery (14,25 € - e visto l’ottimo lavoro degli ultimi due anni direi che ne vale veramente la pena!) si potrà scaricare liberamente uno degli 8 libri su jQuery messi a disposizione dallo staff.

Se ancora non conoscete jQuery potete rileggere il mio vecchio post dove lo introducevo o il sito ufficiale, mentre se volete muovere i primi passi con questa libreria potete consultare i miei due tutorial più quello di Carlo Panzi su NightDrops.

Tutorial – Sistemiamo il CSSTip #6 con jQuery

Come ha puntualizzato qualcuno (grazie Stefano!) leggendo il CSS Tip #6, può verificarsi il caso che l’elemento contenuto dall’elemento “contenitore” possa essere più alto di questo e di conseguenza ne esca al di fuori. Ovviamente dipende cosa si sta facendo, in alcuni casi si può volere di proposito che questo accada, in altri casi no.

Facendo riferimento al caso in cui questo non sia l’effetto desiderato, vi propongo un modo semplice per sistemare questa cosa con un paio di righe di jQuery. Considerando che la soluzione che vi sto per illustrare è dinamica, può tornare utile anche nel caso l’elemento contenuto non abbia sempre la stessa altezza, per esempio se al suo interno carica contenuti dinamici che cambiano di volta in volta, impedendo cosi di utilizzare un valore fisso di altezza per sistemare il tutto. Continua a leggere »

Galleria dinamica animata in jQuery – by nightdrops.com

Se state smanettando anche voi con jQuery e volete un tutorial breve e veramente efficace su come realizzare una galleria dinamica animata, in stile slideshow, consultate il tutorial realizzato da Carlo Panzi su nightdrops.com (in inglese), per farvi un’idea del risultato finale guardate la demo.

Se invece siete nuovi al mondo di jQuery visitate la mia pagina dei tutorial e consultate “Iniziamo con jQuery”, sotto la voce javascript.

Pagina “Tutorial”!

Ho aggiunto ieri la pagina dei “Tutorial” tra i link nel menu, attualmente contiene solo i primi due tutorial che ho scritto e i link alla mia mini-serie “Css-tips”, ma da adesso in poi ogni nuovo tutorial o tip che pubblicherò verrà aggiunto anche in quella pagina che offrendo un raggruppamento per argomenti dovrebbe aiutarvi nella consultazione.

Gli effettini che noterete muovendovi tra i link della pagina ovviamente sono tutti jQuery- driven . Sulle prime potrà sembrarvi un po scarna come pagina, ma appena avrò tempo aggiungerò qualche elemento grafico!