jQuery a rapidement fait son chemin dans la panoplie d’astuces de tous les développeurs Web. La simplicité avec laquelle jQuery nous permet de gérer des événements complexes et de réaliser des animations fluides en fait l'outil idéal pour les développeurs débutants et expérimentés afin d'ajouter une touche professionnelle à leurs sites.
Voici 20 astuces jQuery simples pour vous mettre sur la voie de la félicité JavaScript. Le mot clé ici est? Simple? Donc, même si vous n'avez jamais utilisé jQuery auparavant, c'est l'endroit idéal pour commencer!
Tutoriels Débutant
Juste pour vous aider à démarrer du bon pied, voici les tutoriels pour débutants directement de jQuery.com.
# 1 - Coins arrondis jQuery
Un court post de? 15 Days of jQuery? sur l’utilisation des fonctions wrap, prepend et append pour créer un effet de coin arrondi.
# 2 - Transition en fondu enchaîné sur l'image
3 Méthodes simples de fondu enchaîné d’une image dans une autre à l’aide de jQuery et CSS.
# 3 - Menu de fondu - Remplacement de contenu
Chris Coyier fournit le meilleur contenu gratuit pour l'apprentissage de la conception Web. Voici l'un des nombreux tutoriels jQuery disponibles sur son site.
# 4 - Menu déroulant sexy avec jQuery & CSS
Apprenez à créer une interface utilisateur fluide et animée pour votre site avec ce didacticiel pas à pas.
# 5 - Zone de contenu à onglets utilisant CSS & jQuery
Un vieil homme mais goodie, ce fut l'un des premiers tutoriels jamais publiés sur NetTuts. C'est là que j'ai découvert jQuery pour la première fois!
# 6 - jQuery Twitter Ticker
Apprenez à utiliser à la fois l'API Twitter et jQuery pour créer un superbe ticker Twitter.
# 7 - Menu de défilement vertical
Cet article explique comment créer un menu à défilement vertical très fluide. Un bon tutoriel malgré le fait que l'auteur semblait penser que c'était un menu à défilement horizontal!
# 8 - Easy Display Switch avec CSS et jQuery
Imitez le nouveau site d'Abduzeedo et créez un commutateur pour changer le contenu de la vue liste en vue grille.
# 9 - Simple Toggle avec CSS & jQuery
Un excellent tutoriel pour débutant décrivant comment utiliser la fonction bascule.
# 10 - Formulaire de contact WordPress & jQuery sans plugin
Un regard bien écrit et approfondi sur la création d'un formulaire WordPress sans la nécessité d'un plugin supplémentaire.
# 11 - Liste séquentielle jQuery
Utilisez jQuery pour éliminer la monotonie des éléments séquentiels de codage.
# 12 - Créer une boîte de partage fantaisie
Avoir des liens de partage de médias sociaux sur votre site est rapidement devenu un standard pour la plupart des blogs. Utilisez ce tutoriel pour vous démarquer.
# 13 - Créer un diaporama fluide et accessible avec jQuery
Utilisez ce curseur de contenu époustouflant pour placer une tonne de contenu dans un espace restreint.
# 14 - Utilisation de jQuery pour les animations d'image d'arrière-plan
Créez des animations en arrière-plan accrocheuses avec seulement quelques lignes de code.
# 15 - Menus animés avec jQuery
Similaire dans le concept à # 14 mais avec un effet plus subtil et plus sophistiqué.
# 16 -? En dehors de la boîte? Navigation avec jQuery
Une technique étonnante pour créer une navigation sur un site Web qui imite le dock OS X.
# 17 - Comment implémenter un ticker de nouvelles avec jQuery et dix lignes de code
Un téléscripteur rapide et facile de Antonio Lupetti.
# 18 - Créez un pop-up époustouflant avec jQuery
Ce tutoriel vous montre comment créer une fenêtre contextuelle et faire disparaître l'arrière-plan.
# 19 - Menus jQuery Feed
Apprenez à créer des menus de flux RSS simples et efficaces, comme ceux de Safari.
N ° 20 - Créer un effet de fond Funky Parallax
Ce didacticiel vous guide dans la création d’un effet de fond 3D coulissant incroyablement unique.
C'est tout le monde
Ceci conclut notre tour d'horizon de simples astuces jQuery. Maintenant, utilisez ces techniques pour créer des effets incroyables sur votre site. Laissez un commentaire en utilisant le champ ci-dessous pour partager vos astuces et didacticiels jQuery préférés.