Share
Il nostro layout reattivo sta arrivando a passi da gigante, quindi andiamo ancora più avanti! Oggi esamineremo vari plug-in di jQuery che utilizzeremo per inserire i feed di Twitter e Flickr nella nostra pagina, oltre a un plug-in reattivo per il cursore per la nostra area delle funzionalità in alto.
Nota: Vale la pena ricordare che alcuni dei plugin jQuery menzionati in questo tutorial potrebbero non essere aggiornati (ad esempio, Twitter ha apportato modifiche alle API che impediscono a Tweet! Di funzionare). Sentiti libero di provare alternative e condividi i tuoi pensieri nei commenti!
Prima di iniziare a implementare vari giochi jQuery, iniziamo a mettere in ordine la nostra area footer. Affronteremo lo stile della linea diagonale dietro gli elementi h4, posizioneremo il nostro logo secondario, aggiungeremo il contenuto fittizio generico e termineremo lo styling degli elenchi.
In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite iTunes o YouTube!
Avendo affrontato la maggior parte dello stile, ora possiamo prendere i plugin jQuery di Twitter e Flickr che tireranno i feed nel nostro documento. Poiché stiamo iniziando ad aggiungere un bel po 'di codice ai piedi della nostra pagina, faremo un punto di compilazione di tutto questo in un unico file .js.
In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite iTunes o YouTube!
Ultimo, ma non meno importante, il plugin di slider reattivo. Useremo il plug-in Flexslider estremamente potente (recentemente acquisito da WooThemes) e lo implementeremo per mettere in mostra alcune immagini di PhotoDune.
In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite iTunes o YouTube!
Alcuni link utili per approfondire ciò che è stato trattato in questi video.
Immagini per gentile concessione di PhotoDune.
Accentsconagua