Thumbnail Zoom — Effet de zoom et apparition d’une légende au survol
Thumbnail Zoom — Voici un effet de zoom sur une miniature accompagné de l’apparition d’une légende au survol de la souris qui fera certainement son petit effet sur vos pages web. Ce tutoriel explique...
View ArticleGoogle Fade — Faire apparaitre des éléments au mouvement de la souris
Google Fade est un script disponible pour Mootools et jQuery qui permet de reproduire chez vous un effet intéressant introduit récemment par Google sur sa page d’accueil : certains éléments de...
View ArticleCréez votre framework Javascript
Les frameworks Javascript sont aussi répandus que les critiques qui les accompagnent : trop lourds, pas assez rapides, des bugs, des mises à jour trop espacées ou trop rapprochées, etc. S’il vous est...
View ArticleChoisir jQuery ou Mootools en connaissance de cause
Choisir une bibliothèque Javascript n’est pas anodin. Une fois qu’on s’est familiarisé avec une librairie, il est souvent difficile de faire marche arrière et la tentation est grande de ne pas aller...
View Article13 Tutoriels jQuery pour Webdesigners
jQuery Tutorials for Designers – La force de jQuery par rapport à d’autres frameworks Javascript est sa capacité à plier le DOM selon notre bon plaisir. Toutefois, la volonté de faire tel ou tel effet...
View ArticleCréez des sélecteurs personnalisés avec jQuery
Custom jQuery Selectors aborde la création de sélecteurs personnalisés au cas où ceux proposés par jQuery ne suffiraient pas. Dans l’exemple donné, il s’agit de parcourir le DOM à la recherche des...
View ArticleAccélérer votre blog en optimisant l’affichage des Adsense avec jQuery
Optimiser le chargement des AdSense – J’ai eu la chance d’avoir l’explication IRL mais j’attendais avec impatience le billet de Mehdi pour vous en parler. Le principe consiste à réserver les...
View ArticleCréer une arborescence de fichier avec jQuery
Jay Salvat nous propose la première partie d’une série de 8 tutoriels sur la création d’une arborescence de fichiers à l’aide de jQuery. Au menu : Transformer une liste HTML en arborescence...
View ArticleBloc de login à la Twitter avec jQuery
Perfect signin dropdown box likes Twitter with jQuery est un tutoriel qui explique comment faire un bloc de login dynamique comme celui qui se trouve sur la page d’accueil de Twitter. Il suffit d’un...
View ArticleSliding Panel Photo Wall Gallery — Mur d’image et Lightbox avec jQuery
Sliding Panel Photo Wall Gallery est un tutoriel qui explique pas à pas (CSS, script jQuery) comment réaliser un mur d’images miniatures qui prennent toute la place de l’écran lorsqu’on clique dessus....
View ArticleFancy Sliding Form — Affichez vos formulaires sous forme de Slideshow
Fancy Sliding Form — Ce script jQuery découpe un formulaire en autant de parties qu’il contient de `fieldset`, accessibles via un menu qui les fait apparaitre sous forme de Slideshow. Cerise sur le...
View ArticleRetina Display — Effet loupe façon «iPhone 4» avec jQuery
Apple-like Retina Effect With jQuery est un tutoriel qui vous permettra de refaire chez vous l’effet loupe «Retina Display» proposé par Apple sur lav version 4 de l’iPhone. Vraiment bluffant, d’autant...
View ArticlejQuery Fundamentals — Manuel de survie pour jQuery
jQuery Fundamentals synthétise les éléments de syntaxe de jQuery sur une page web. La navigation s’effectue via un sommaire précis et structuré comprenant également un index des nombreux exemples...
View ArticleTransformer un plugin jQuery en extension WordPress
jQuery et WordPress ont en commun leur modularité : les plugins jQuery et les extensions WordPress permettent d’étendre les fonctionnalités de nos outils préférés. Le tutoriel montre comment utiliser...
View ArticleEnterprise jQuery — Passez du côté client
Enterprise jQuery est un site Web qui s’adresse aux développeurs front-end. Il leur permettre de trouver des solutions aux défis auxquels ils sont confrontés dans leur travail au sein des moyennes ou...
View ArticleDu rythme pour vos colonnes avec le pseudo sélecteur CSS :nth-child() et jQuery
Outre un nouveau design sombre que je trouve très réussi, Soh Tanaka nous offre une belle leçon de choses en utilisant le pseudo sélecteur `:nth-child()` et une pincée de jQuery (compatibilité Internet...
View ArticleEvénement jQuery : Return False, preventDefault() ou bien ?
Dans jQuery Events: Stop (Mis)Using Return False, Douglas Neiner nous explique, avec moult exemples, toutes les subtilités relatives aux événements dans jQuery. Une des premières choses que l’on...
View ArticleContent Switcher — Un diaporama qui fonctionne aussi sans Javascript
Content Switcher est un Slider avec un menu de navigation qui a la particularité de fonctionner parfaitement en l’absence de Javascript et de permettre l’utilisation du bouton retour du navigateur. La...
View ArticleJQuery Slide Effect — Animation de texte au survol d’une image
JQuery Slide Effect est un tutoriel concis mais complet qui explique comment parvenir à un effet d’animation de texte (slide) sur une image pour faire apparaitre des informations complémentaires...
View ArticleGalerie d’images avec jQuery
Rédigé sur Alsacréations par Benjamin De Cock, ce tutoriel pour faire une galerie d’image avec jQuery est un cas d’école pour qui veut obtenir le résultat le plus simple possible visuellement tout en...
View ArticleNavigation à onglets avec jQuery & CSS
Simple Tabs w/ CSS & jQuery est un tutoriel expliquant de manière concise les différentes étapes pour réaliser un système de menu à onglets. Soh Tanaka détaille le balisage HTML, le script jQuery...
View ArticleLightbox CSS avec tabindex et pseudo-classe :focus
Lightbox sans Javascript – Les Lightbox s’affichent généralement suite à un événement `click` capturé par Javascript. CSS ne possède pas de pseudo-classe `:click`, mais cela n’a pas empêché Jérémy...
View ArticleCoda Slider Effect — Navigation par onglets accessible avec effet de Slide
Coda Slider Effect est un des nombreux excellents tutoriels proposés par Remy Sharp sur jQuery for Designers. Au menu de Coda Slider Effect : un système de navigation par onglets accessible avec effet...
View ArticleUn diaporama pleine-page avec jQuery
Full background image slider est un script qui permet d’afficher un diaporama occupant toute la fenêtre du navigateur (ou le container que vous voulez). Outre le changement de background de votre site...
View ArticleDévelopper une application avec HTML5 et Javascript
Ce tutoriel HTML5 intitulé «Retours sur un développement HTML5 & JavaScript avec Visual Studio 2010» présente les différentes étapes pour réaliser un mur d’images et avoir la possibilité de zoomer...
View Article73 tutoriels pour faire défiler vos contenus (Slideshow, Sliders & Diaporama)
Les diaporamas et autres Slideshows sont devenus un passage quasi-obligé pour les sites qui veulent présenter un grand nombre d’informations tout en ménageant l’espace disponible. Voici une liste...
View ArticleCodecademy : un cours Javascript interactif et ludique
Apprennez les bases de la programmation Javascript de manière interactive et pro-active avec Codecademy. Ce site propose une console dans laquelle l’apprenant est inviter à saisir des lignes de code...
View ArticleApprendre jQuery
La série Decoding jQuery proposée par Shi Chuan (créateur de Mobile Boilerplate et faisant partie de l’équipe de HTML5 Boilerplate) nous propose une immersion (en anglais) dans le code source de...
View ArticleDevenez un p***** de développeur
Programming, motherfucker est une communauté de développeurs humiliés depuis des années par les programmes, les méthodologies et le management, tous centrés sur les heures facturables et les tests sans...
View ArticleEquivalents natifs de fonctions jQuery
On a tous tendance à dégainer la bibliothèque Javascript jQuery dès que l’occasion se présente. Or, il faut garder à l’esprit que les fonctions intégrées à Javascript en ont sous le pied ! Des exemples...
View Article
