Derrière ce titre un peu abscons se cache une astuce permettant d’accéder à un onglet et à une ancre spécifiques depuis une URL contenant les paramètres adéquats. L’idée est de pouvoir accéder au contenu des «tabs» sans être obligé de cliquer sur les onglets eux-mêmes. La proposition qui suit ne prétend pas être la meilleure dans le genre, mais elle a le mérite d’être fonctionnelle. Lire le reste de cet article »
25/05/12
10+ raccourcis Javascript à connaitre
jQuery 4u propose plus de 10 raccourcis à connaitre pour améliorer votre technique de développement avec Javascript. Saurez-vous reconnaitre les formes longues des exemples suivants ? Lire le reste de cet article »
19/03/12
http://140byt.es — Fonctions Javascript prêtes-à-Tweeter
140byt.es est une initiative proposée par Jed Schmidt avec l’aide de Alex Kloss, tout deux inspirés par Thomas Fuchs et Dustin Diaz. L’idée est de proposer une collection de fonctions Javascript occupent 140 caractères maximum, ce qui leur permet d’être directement publiables sur Twitter. Lire le reste de cet article »
07/03/12
jQuery Boilerplate
Vous créez des plugins pour jQuery et vous parvenez à des résultats satisfaisants mais vous vous demandez si vous respectez les bonnes pratiques ? jQuery Boilerplate fournit un modèle de base de développement de plugins jQuery pour utilisateurs débutants ou plus avancés : objet, constructeur et options pour étendre les fonctionnalités.
→ jQuery Boilerplate est disponible sur github.
11/03/11
yepnope.js — Chargement conditionnel de scripts pour vos « Polyfills »
yepnope.js permet de charger un script de manière asynchrone selon qu’une fonctionnalité est disponible ou non dans le but de ne charger que l’essentiel. C’est le compagnon idéal de Modernizr qui se charge de détecter les fonctionnalités en question (cf. Modernizr — Détection des fonctionnalités CSS3 et HTML5). Un Polyfills est une fonction (généralement en Javascript) qui émule une fonctionnalité pour les navigateurs ne la prenant pas en charge (cf. What is a Polyfill?). Grâce à Modernizr et yepnope.js il est possible d’utiliser les fonctionnalités HTML5 et CSS3 en première intention tout en ménageant une porte de sortie pour les navigateurs plus anciens. Lire le reste de cet article »
18/10/10
innerShiv — Le contenu HTML5 généré par innerHTML fonctionne enfin dans IE
Pour les injecter les balises HTML5 dans le DOM et leur appliquer la propriété CSS display: block pour les styler, Remy Sharp a mis au point html5shiv qui est toutefois sans effet lorsque les balises HTML5 sont affichées via innerHTML. Heureusement, HTML5 innerShiv est là pour que les version 6 à 8 d’Internet Explorer tiennent compte des nouvelles balises HTML5 créées à la volée.
18/08/10
Chérie, j’ai rétréci document.getElementById
Une petite astuce toute simple mais néanmoins efficace pour simplifier l’accès aux identifiants CSS à la manière de jQuery. Lire le reste de cet article »
11/03/10
Clickoutside Event — Détectez les clics en dehors d’un élément
Clickoutside event — Ce plugin jQuery permet de déclencher une action lorsque l’utilisateur clique en dehors de l’élément spécifié. La gestion des événements de jQuery, déjà très complète, s’enrichit avec clickoutside. Pour 0.7 ko ce serait dommage de s’en priver. Ce plugin sera très utile pour fermer vos fenêtres modales (lightbox) lorsque l’utilisateur clique à l’extérieur. Voici un exemple d’utilisation : Lire le reste de cet article »