JavaScript on Web2Generators

Échappement ou assainissement HTML : quand utiliser chaque méthode

Mon, 12 Oct 2026 00:00:00 +0000

Vous collez un extrait HTML dans une page et obtenez du texte en gras alors que vous vouliez montrer les balises. Ou vous échappez une description en texte enrichi et sa mise en forme disparaît. Ces deux problèmes partent du même choix : le lecteur doit-il voir le balisage ou ce qu’il produit ?

La prise en charge de l’assainissement HTML par les navigateurs a progressé en 2026. Mozilla a introduit l’API Sanitizer standardisée dans Firefox 148 le 24 février (annonce en anglais), et elle figure dans les notes de version de Chrome 146 du 10 mars, proposées en français par traduction automatique. Les développeurs disposent ainsi d’une solution intégrée pour insérer du contenu mis en forme provenant d’une source non fiable. Il faut d’abord choisir la bonne opération.

Monster : un moteur 3D en JavaScript

Fri, 20 Mar 2009 00:00:00 +0000

Chrome Experiments, ce n’est “pas le JavaScript de votre mère” : le projet a été “créé pour présenter des expériences étonnantes, tant pour JavaScript que pour les navigateurs web”. Dean McNamee le prouve avec Monster (en anglais), “une démonstration de ce que permettent les standards web du navigateur, sans Flash. Un carré devient un cube, une sphère, puis un monstre. De la 3D procédurale en temps réel en JavaScript”. Non content de démontrer que JavaScript peut être un nouveau concurrent dans le monde de la 3D, Dean propose aussi une démo plus simple, mais tout aussi belle, nommée Colorscube (en anglais). À voir absolument pour tous les programmeurs de graphismes JavaScript ! Merci à Niko d’Irrlicht3d (en anglais) pour l’information.

Des outils JavaScript utiles

Mon, 09 Feb 2009 00:00:00 +0000

Commencer le titre d’un billet par un nombre semble aujourd’hui obligatoire. Après 75 techniques JavaScript vraiment utiles (source d’origine indisponible), plus de 80 solutions AJAX pour programmer professionnellement (source d’origine indisponible) ou 53 techniques CSS dont vous ne pourriez plus vous passer (en anglais), l’excellent Smashing Magazine récidive avec une liste de 50 outils JavaScript utiles (en anglais). On y trouve des outils de création JavaScript et AJAX, de documentation, de débogage, de test, de validation et de sécurité, parmi d’autres outils… utiles.

Le moyen le plus court de détecter Internet Explorer en JavaScript

Thu, 29 Jan 2009 00:00:00 +0000

D’après Ajaxian (source d’origine indisponible), le code de 12 caractères suivant semble être le moyen le plus court de détecter n’importe quelle version d’Internet Explorer, y compris IE 8. Il provient d’un commentaire laissé sur un billet du blog Web Reflection (en anglais). Très intéressant !

Les dessins animés télévisés et Flash bientôt remplacés par des animations JavaScript ?

Tue, 09 Dec 2008 00:00:00 +0000

C’est ce que je me suis dit en découvrant l’article d’Anthony Calzadilla, “Créer un robot de dessin animé avec jQuery (en anglais)”, grâce à WebAppers (en anglais). Il suffit de regarder la démonstration (source d’origine indisponible) pour voir à quel point le résultat est réussi ! “Ce projet a été créé en superposant plusieurs div vides, avec des PNG transparents comme images d’arrière-plan. Ces fonds ont été animés à différentes vitesses grâce à une extension jQuery d’Alexander Farkas. Cela simule un arrière-plan animé en fausse 3D, appelé effet de parallaxe, issu des anciens jeux vidéo à défilement horizontal. Le robot est construit de la même façon : plusieurs DIV superposées forment ses différentes pièces. La dernière étape a consisté à animer le robot avec un peu de jQuery.”

Un ActiveRecord à la Rails bientôt dans Aptana Jaxer

Mon, 28 Jul 2008 00:00:00 +0000

Un billet de Paul Colton, PDG d’Aptana, consacré au recrutement des spécialistes AJAX Greg Murray et Ryan Johnson (en anglais) révèle des informations intéressantes sur l’avenir d’Aptana Jaxer (en anglais). Outre l’arrivée d’une version candidate de Jaxer 1.0 dans quelques jours, nous apprenons que Jaxer proposera un “ORM JavaScript semblable à ActiveRecord, qui promet de rendre agréable le travail avec les données en JavaScript”.

Ajoutez du DHTML à vos exports OpenLaszlo

Fri, 04 Jul 2008 00:00:00 +0000

Ajaxian (source d’origine indisponible), Antun Karlovac (en anglais) et Raju Bitter (source d’origine indisponible) annoncent que la version 4.1 d’OpenLaszlo est enfin disponible (source d’origine indisponible) et peut désormais générer du DHTML en plus du format SWF déjà proposé. Le projet a commencé en mars 2006 (source d’origine indisponible) et a demandé plus de deux ans de développement à l’équipe de ce concurrent gratuit d’Adobe Flex… mais l’attente en valait la peine !

Sortie de JSON Diff

Tue, 01 Jul 2008 00:00:00 +0000

La source d’information intarissable qu’est Ajaxian (source d’origine indisponible) annonce la sortie de JSON Diff (source d’origine indisponible), un outil très pratique pour comparer vos données JSON. Il suffit de regarder cette capture du résultat pour repérer les différences :

Les parties modifiées apparaissent en jaune, les ajouts en vert et les suppressions en rouge.
L’outil sert aussi de visualiseur JSON. Cliquez sur les triangles pour afficher ou masquer des parties des données.
Si le JSON n’est pas valide, les champs de texte deviennent rouges.

Vous pouvez l’essayer sur le site de JSON Diff (en anglais).

Astuces et techniques avancées en JavaScript

Mon, 30 Jun 2008 00:00:00 +0000

L’équipe du projet jslibs (en anglais) a créé un wiki intéressant qui regorge d’astuces JavaScript (en anglais). Jugez-en par les exemples suivants. Certains ne fonctionnent peut-être pas dans tous les navigateurs, mais méritent qu’on s’y attarde…

Vérifier qu’un objet n’est pas vide :

function isNotEmpty(obj) {
for ( var tmp in obj )
 return true
}

Transformer l’objet arguments en tableau :

function foo() {
 Array.slice(arguments); // is ['aa',11]
}
foo('aa',11);

Le singleton est un patron de conception qui limite l’instanciation d’une classe à un seul objet. Il est utile lorsqu’un objet unique doit coordonner les actions dans l’ensemble du système :

Documenter son code, la clé du bonheur

Mon, 21 Apr 2008 00:00:00 +0000

Vous pourriez être tenté de penser comme moi lorsque je développais mes anciens sites : “pourquoi passer du temps à documenter des lignes de code assez simples au lieu de créer des tonnes de fonctions plus intéressantes et amusantes ? C’est absurde et c’est une énorme perte de temps pour un simple site web !”

Je n’aurais pas pu me tromper davantage : documenter son code apporte de nombreux avantages. Cela ne prend pas tant de temps et peut même être amusant si l’on utilise les bons outils.