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 »
09/01/10
Astuces (Snippets) pratiques pour Javascript et jQuery
Voici une collection de près de 40 bouts de code pour faciliter vos développements en Javascript ou jQuery : rechercher une chaine de caractère dans n’importe quel élément HTML, vérifier si un élément existe avant de l’utiliser, sélectionner/de-sélectionner une série de cases à cocher, déplacer une option d’une liste à l’autre, etc. Via Taggle.
04/12/09
DOMAssistant — une bibliothèque Javascript à découvrir
DOMAssistant — Cette bibliothèque va un peu plus loin que dLite et permet de manipuler le DOM avec plus de souplesse pour lancer des fonctions sur un ensemble d’éléments, par exemple. Supporte les sélecteurs CSS 1, CSS 2 et CSS 3. Lire le reste de cet article »
01/12/09
dLite — une librairie Javascript « petit mais costaud »
dLite — Cette bibliothèque propose des fondations pour faciliter vos développements : trouver les éléments avec le même identifiant ou la même classe ; lancer une fonction lorsque le DOM est prêt ; ajouter ou enlever une classe à un élément ; ajouter ou enlever un gestionnaire d’événement (addEvent), etc. Tout ça, pour 4 ko seulement en version compressée, parce qu’il n’y a pas que jQuery dans la vie !
19/11/09
PHP.JS — transposer des fonctions PHP en Javascript
Le PHP regorge de fonctions très pratiques qui n’ont pas forcément d’équivalents en Javascript. La librairie PHP.JS est un projet open source à l’initiative de Kevin van Zonneveld dont le but est de transposer une grande partie des fonctions PHP en Javascript. Rien de tape-à-l’oeil, mais juste la possibilité d’utiliser en Javascript des fonctions PHP avec leurs qualités et leurs défauts, ce qui n’est déjà pas si mal ! Cerise sur le gâteau, il est possible de configurer son package fonction par fonction pour optimiser le poids du fichier Javascript.