8 Fantastic jQuery Tutorials per Designers

Estrarre ed effetto cassetto

L'effetto è comunemente noto come una fisarmonica "e di solito è utilizzato per scorrere in alto o in basso i blocchi di contenuto per esporre nuovi blocchi. Il sito web di Apple è una grande dimostrazione di questo effetto in azione, in cui il mouse si deposita sul titolo della sezione "" ed i link associati sono esposti. Ciò che rende questo effetto particolarmente fresco, è che i cassetti mantenere una altezza fissa e far scorrere tra area riservata.

VISITA TUTORIAL
Guarda le Demo

Catena di effetti di transizione in grado

Ora vediamo il potere di chainability jQuery's. Con solo alcune righe di codice, posso fare la casella di volare in giro con il ridimensionamento e fading transizione.

VISITA TUTORIAL (# 6)
Guarda le Demo

jQuery Tabs

Tabulazione è stato luogo comune su Internet per qualche tempo. I siti web di oggi si avvarrà di tabulazione senza dover ricaricare la pagina con l'aggiunta di JavaScript. Per questo tutorial ho creato due screencast che mostrano come applicare rapidamente un pizzico di jQuery per diversi layout di markup, che, se il codice è ben progettata, che verrà automaticamente degradare piacevolmente senza abilitare Javascript.

VISITA TUTORIAL
Guarda le Demo

Creazione di un grafico modificabile

Visualizzazione dei dati in formato HTML è stato a lungo difficile da raggiungere. Soluzioni del passato hanno coinvolto non plugin standard, il comportamento di proprietà, e immagini statiche. Ma questa è cambiata con la recente crescita del supporto per il nuovo elemento HTML Canvas, che prevede un disegno native API che possono essere affrontate con semplici Javascript.

VISITA TUTORIAL
Guarda le Demo

Easy Transfer Multi Select con jQuery

Sono sicuro che a un certo punto o in un altro se hai riscontrato un widget di forma simile a quella sottostante, offrendo varie possibilità di essere scambiati da un multi selezionare ad un altro.

VISITA TUTORIAL
Demo all'interno tutorial

jQuery Hover Sub Tag Cloud

Tag clouds Quando, usato correttamente, possono fornire ai visitatori una illustrazione immediata dei principali argomenti del contenuto del sito. E anche se non abbiamo molta scelta che nella progettazione, possiamo ancora trovare il nostro modo di elaborare nuovi approcci di progettazione e soluzioni. Ecco un nuovo approccio: Usare jQuery per ridurre le dimensioni della nuvola di tag che hai sul tuo sito.

VISITA TUTORIAL
Guarda le Demo

Slider Gallery

Questo 'slider prodotto' è simile a una galleria dritto in avanti, a meno che non vi è un cursore per navigare le voci, vale a dire il bit che l'utente controlli per visualizzare le voci. Semplice stuff. jQuery ha già il plugin per creare questi effetti così non c'è bisogno di andare sulla creazione di noi stessi da zero.

VISITA TUTORIAL
Guarda le Demo

News Ticker

LiScroll è un plugin per jQuery che trasforma ogni dato elenco ordinato in un scorrimento News Ticker.

VISITA TUTORIAL
Demo all'interno tutorial