Les intégristes

Note : Un nouveau document vient d’être publié par le W […]

Pierre Bertet — Mon, 01 Feb 2010 17:56:56 +0000

Un nouveau document vient d’être publié par le W3C : il s’agit d’une présentation du langage HTML à destination des auteurs.

Il n’a pas de valeur normative, et a pour objectif d’être simple, facilement compréhensible et sans ambiguïtés, contrairement à la spécification HTML5 Édition Auteurs ou encore la spécification HTML5, très complète car conçue pour les implémenteurs.

C’est ici : HTML: The Markup Language.

Note : Pour appliquer des styles différents lorsque Java […]

Pierre Bertet — Wed, 27 Jan 2010 10:23:55 +0000

Pour appliquer des styles différents lorsque JavaScript est activé, une bonne solution est d’ajouter une classe spécifique sur l’élément body.

Mais si les scripts ont été placés en fin de page pour des raisons de performances, il peut y avoir un temps d’attente (grossièrement, le temps de télécharger la page, puis le script, et enfin d’exécuter le script) qui laissera apparaître un « flash » avec les styles prévus pour la version sans JavaScript.

Le meilleur compromis que j’ai trouvé est de placer le script suivant juste après l’ouverture de l’élément body :

Et d’une manière raccourcie à l’extrême (attention, c’est-pas-valide) :

Connaissez-vous une meilleure solution ?

Tiens, je me demande s’il ne serait pas plus logique d’avoir cette fonctionnalité directement en CSS, à l’aide d’une nouvelle règle @script par exemple :

@script javascript {
    /* Styles spécifiques pour JavaScript */
}

Note : Adrien Leygues vient de publier sur son blog (que […]

Pierre Bertet — Mon, 25 Jan 2010 18:14:48 +0000

Adrien Leygues vient de publier sur son blog (que je vous recommande vivement) un début de réflexion sur l’organisation des pôles Front-End. Quelle place dans l’entreprise pour ce métier en perpétuelle mutation ? Foncez, c’est ici : Organisation des pôles Front-End.

Note : jQuery Lint est un script permettant de vérifier […]

Pierre Bertet — Tue, 19 Jan 2010 16:20:43 +0000

jQuery Lint est un script permettant de vérifier automatiquement la qualité de votre code jQuery, en vous suggérant les améliorations possibles (par exemple, préférer .css({}) à .css("","").css("","")).

Le projet est encore très jeune, et se base sur l’outil de test QUnit, déjà utilisé pour les tests de jQuery.

Vous noterez que son nom est inspiré de JSLint, l’excellent outil de contrôle de qualité JavaScript réalisé par Monsieur Douglas Crockford (le papa de JSON).

Mais attention, jQuery Lint n’a absolument pas pour objectif de remplacer JSLint. Ces deux projets n’ont ni les mêmes buts, ni le même mode de fonctionnement : JSLint analyse votre code source, tandis que jQuery Lint effectue ses tests pendant l’exécution.

Et vous, de quelle manière testez-vous votre code JavaScript ?

Note : L’excellent blog Software is hard (que vous devez […]

Pierre Bertet — Mon, 18 Jan 2010 10:08:54 +0000

L’excellent blog Software is hard (que vous devez connaître si vous suivez la veille des intégristes), tenu par les auteurs de Firebug, vient de publier un article sur l’utilisation de l’extension pour analyser en détail les requêtes HTTP. Vous y trouverez des exemples interactifs (pratique, Firebug utilise HTML/CSS pour son interface) à propos de la limite du nombre de connexions, du Pipelining HTTP, des connexions persistantes, des blocages liés aux scripts en ligne, ainsi que des redirections HTTP.

C’est ici : Page load analysis using Firebug.

Note : Un lecteur Flash entièrement écrit en JavaScript […]

Pierre Bertet — Fri, 15 Jan 2010 09:47:38 +0000

Un lecteur Flash entièrement écrit en JavaScript, Gordon, a récemment été publié. Il permet d’exécuter de manière rudimentaire des animations Flash. Vous trouverez quelques démonstrations sur cette page : http://paulirish.com/work/gordon/demos/

Cette démonstration, en plus d’être intéressante sur le plan technique, nous démontre que les technologies web ont acquis suffisamment de maturité face à Flash, leur grand rival, pour se permettre d’interpréter des fichiers SWF en se passant de plugin.

Il ne reste maintenant qu’à interpréter le JavaScript dans Flash, pour booster les performances JavaScript sur Internet Explorer !

Note : Si vous prenez le métro, vous n’avez pas pu loupe […]

Eric Le Bihan — Thu, 07 Jan 2010 21:01:03 +0000

Si vous prenez le métro, vous n’avez pas pu louper ces énormes placards qui font la promo de Chrome le navigateur de Google. Reste à savoir à qui s’adresse ces pubs ? Le grand public qui ne connait pas forcément le navigateur qu’il utilise ? A tous ceux qui ont raté la sortie de Chrome en septembre 2008 ? Est-ce que par cette communication inédite Google relance la guerre des navigateurs par affichage interposé ? Et vous ça vous inspire quoi ?

Note : Microsoft rejoint le groupe de travail SVG au W3C […]

Pierre Bertet — Wed, 06 Jan 2010 11:21:30 +0000

Microsoft rejoint le groupe de travail SVG au W3C ! Voilà une excellente nouvelle : si Internet Explorer supporte SVG, le vectoriel va enfin devenir une réalité sur le web, sans plugin ni format propriétaire.

Le format SVG existe depuis une dizaine d’années, et il est aujourd’hui largement supporté sur le web (sauf Internet Explorer) et ailleurs. Adobe proposait un plugin permettant de lire le SVG avec Internet Explorer, mais son développement a été arrêté lorsque Macromedia (et donc Flash) a été acquis par la société.

En attendant le support complet de ce format, il est possible d’utiliser SVG Web, un projet de Google permettant d’interpréter le SVG à l’aide du plugin Flash.

Que pensez-vous de cette nouvelle ? Utilisez-vous, ou allez-vous prochainement utiliser SVG pour vos projets web ?

Comment utiliser les listes de définitions ?

Eric Le Bihan — Mon, 28 Dec 2009 14:54:14 +0000

Je n’ai pas la prétention de répondre à cette question, mais j’aimerai vous faire partager mon interrogation. Si je relis les recommandations HTML 4.01 du W3C (Definition lists: the DL, DT, and DD elements), voilà ce qui est dit à ce sujet :

Les listes de définitions ne varient que légèrement par rapport à d’autres types de listes, ce type de liste est composé de deux parties : un terme et une description.

L’utilisation la plus appropriée est donc celle où un mot ou une expression :

serait défini par une courte explication :

, comme dans un dictionnaire ou un glossaire, par exemple.

Mais si nous allons plus loin, les recommandations donnent également l’exemple d’un dialogue ou le personnage serait défini par la balise

et son dialogue par la balise :

, mais uniquement dans les recommandations de html 4.01 et xhtml 1.0. Dans html 5, les listes de définitions ne doivent pas servir à mettre en forme un dialogue, puisqu’initialement la balise : devait servir à cet effet. Cette balise ayant été retirée en septembre dernier sans être (encore ?) remplacée. On reste dans l’expectative…

Concrètement, quel usage est-il fait de la liste de définition dans les sites que nous consultons tous les jours ? Est-ce qu’une liste de diffusion peut être utilisée pour un menu de navigation ? A mon sens non, puisqu’il existe les listes ordonnées :

=

et un paragraphe :
`=`
? Réponse : non, mais c’est souvent la solution que nous avons trouvé pour répondre aux demandes des services chargés du référencement qui souhaitaient structurer les pages des sites avec des balises :
`à`
mais éviter certaines parties annexes dans les plans de document (mise en avant de promotions, services, etc.)

La seule utilisation parfaitement adaptée que j’ai pu trouver pour ces balises (hormis les exemples donnés par le W3C) concerne la structuration d’une FAQ.
pour la question et
pour la réponse.

Est-ce qu’il ne faudrait pas créer un autre type de liste qui conviendrait mieux pour mettre en relation deux éléments comme acteur/personnage, auteur/titre de livre, action/résultat, etc. ? Ce qui, selon moi, n’est manifestement pas le rôle de la liste de définition telle qu’elle a été « pensée » initialement.

Note : Thomas Fuchs vient de publier sur son blog une con […]

Pierre Bertet — Thu, 24 Dec 2009 11:45:25 +0000

Thomas Fuchs vient de publier sur son blog une conférence (vidéo et slides) sur les performances Javascript. Si ce nom ne vous dit rien, il s’agit du papa de script.aculo.us ; il contribue également aux projets Prototype et Ruby on Rails.