Share
Notre réseau réactif avance à pas de géant, alors allons encore plus loin! Aujourd'hui, nous allons examiner divers plug-ins jQuery que nous utiliserons pour extraire les flux Twitter et Flickr dans notre page, ainsi qu'un plug-in de curseur réactif pour notre zone de fonctionnalités en haut..
Remarque: Il est intéressant de noter que certains des plugins jQuery mentionnés dans ce tutoriel sont peut-être obsolètes (par exemple, Twitter a modifié son API afin d’empêcher Tweet! De fonctionner). N'hésitez pas à essayer des alternatives et à partager vos impressions dans les commentaires!
Avant de commencer à mettre en place divers jouets jQuery, commençons par ranger nos bas de page. Nous aborderons le style de ligne en diagonale derrière les éléments h4, placerons notre logo secondaire, ajouterons le contenu générique des mannequins et terminerons le style des listes..
Vous pouvez également télécharger la vidéo ou vous abonner à Webdesigntuts + screencasts via iTunes ou YouTube.!
Après avoir traité l’essentiel du style, nous pouvons maintenant récupérer les plugins jQuery de Twitter et Flickr, qui intégreront les flux dans notre document. Comme nous commençons à ajouter beaucoup de code au bas de notre page, nous nous efforcerons de tout compiler dans un seul fichier .js.
Vous pouvez également télécharger la vidéo ou vous abonner à Webdesigntuts + screencasts via iTunes ou YouTube.!
Dernier point, mais non le moindre, le plugin responsive slider. Nous allons utiliser le plugin extrêmement performant Flexslider (récemment acquis par WooThemes) et le mettre en œuvre pour afficher quelques images PhotoDune..
Vous pouvez également télécharger la vidéo ou vous abonner à Webdesigntuts + screencasts via iTunes ou YouTube.!
Quelques liens utiles pour développer davantage ce qui a été couvert dans ces vidéos.
Images courtoisie de PhotoDune.
Accentsconagua