20 astuces jQuery simples
jQuery a rapidement fait son chemin dans presque toutes les astuces des développeurs Web. La simplicité avec laquelle jQuery nous permet de gérer des événements complexes et d'effectuer des animations fluides en fait l'outil parfait pour les débutants et les développeurs expérimentés pour ajouter une touche professionnelle à leurs sites.
Voici 20 astuces jQuery simples pour vous aider à vous diriger vers le bonheur JavaScript. Le mot-clé ici est «simple», donc même si vous n'avez jamais utilisé jQuery auparavant, c'est l'endroit parfait pour commencer!
Tutoriels pour débutants
Juste pour vous aider à démarrer du bon pied, voici les tutoriels pour débutants directement sur jQuery.com.
# 1 - Coins arrondis jQuery
Un court article de «15 jours de jQuery» sur l'utilisation des fonctions d'enroulement, de préfixe et d'ajout pour créer un effet de coin arrondi.
# 2 - Transition en fondu d'image
3 Méthodes simples de fondu enchaîné d'une image dans une autre à l'aide de jQuery et CSS.
# 3 - Menu Fondu - Remplacement du contenu
Chris Coyier fournit certains des meilleurs contenus gratuits pour l'apprentissage de la conception Web. Voici l'un des nombreux tutoriels jQuery sur son site.
# 4 - Menu déroulant sexy avec jQuery et CSS
Apprenez à créer une interface utilisateur fluide et animée pour votre site avec ce didacticiel étape par étape.
# 5 - Zone de contenu à onglets utilisant CSS et jQuery
Un vieux mais bon, c'était l'un des premiers tutoriels jamais publiés sur NetTuts. C'est là que j'ai découvert jQuery!
# 6 - Ticker jQuery Twitter
Apprenez à utiliser à la fois l'API Twitter et jQuery pour créer un joli ticker Twitter.
# 7 - Menu à défilement vertical
Cet article vous montre comment créer un menu à défilement vertical très fluide. Un excellent tutoriel malgré le fait que l'auteur semblait penser que c'était un menu à défilement horizontal!
# 8 - Commutateur d'affichage facile avec CSS et jQuery
Imitez le nouveau site d'Abduzeedo et créez un commutateur pour changer votre contenu de la vue liste à la vue grille.
# 9 - Bascule simple avec CSS et jQuery
Un excellent tutoriel pour débutant décrivant comment utiliser la fonction de basculement.
# 10 - Formulaire de contact WordPress et jQuery sans plugin
Un regard bien écrit et approfondi sur la création d'un formulaire WordPress sans avoir besoin d'un plugin supplémentaire.
# 11 - Liste séquentielle jQuery
Utilisez jQuery pour éliminer la monotonie du codage des éléments séquentiels.
# 12 - Créez une boîte de partage de fantaisie
Avoir des liens de partage de médias sociaux sur votre site est rapidement devenu une norme pour la plupart des blogs. Utilisez ce tutoriel pour vous démarquer.
# 13 - Créez un diaporama fluide et accessible à l'aide de jQuery
Utilisez ce magnifique curseur de contenu pour mettre une tonne de contenu dans un petit espace.
# 14 - Utilisation de jQuery pour les animations d'images d'arrière-plan
Créez des animations d'arrière-plan accrocheuses avec seulement quelques lignes de code.
# 15 - Menus animés utilisant jQuery
Similaire au concept # 14 mais avec un effet plus subtil et plus sophistiqué.
# 16 - Navigation «Hors des sentiers battus» avec jQuery
Une technique étonnante pour créer une navigation de site Web qui imite le dock OS X.
# 17 - Comment implémenter un ticker de news avec jQuery et dix lignes de code
Un téléscripteur de nouvelles rapide et facile d'Antonio Lupetti.
# 18 - Créez un superbe popup avec jQuery
Ce didacticiel vous montre comment créer une fenêtre contextuelle et estomper l'arrière-plan.
# 19 - Menus jQUery Feed
Apprenez à créer des menus de flux RSS simples et efficaces comme ceux de Safari.
# 20 - Créez un effet de fond Funky Parallax
Ce didacticiel vous guide à travers la création d'un effet de fond 3D coulissant incroyablement unique.
C'est tout le monde
Cela conclut notre tour d'horizon de simples astuces jQuery. Maintenant, allez utiliser ces techniques pour créer des effets étonnants sur votre site. Laissez un commentaire en utilisant le champ ci-dessous pour partager vos astuces et tutoriels jQuery préférés.
