Je viens d’achever la lecture de la traduction du livre de Jeffrey Zeldman : Design web : utiliser les standards. Premières impressions : malgré un délai assez long entre la sortie de la version américaine et la traduction française, ce livre est toujours d’actualité. Je dirais même plus : il est toujours avant-gardiste.

Ça parle de quoi ?

Le postulat de départ est en effet assez simple : 99,9 % des sites web sont obsolètes. Et c’est encore vrai aujourd’hui (03 mai 2005). Si vous ne savez toujours pas ce que sont les standards du web (XHTML, CSS, DOM), si vous n’y connaissez rien en accessibilité, si vous pensez que la conception d’un site web n’est pas une science exacte et qu’il faut être un bidouilleur de talent pour faire un bon site web, alors ce livre est pour vous. Je n’ai pas l’habitude de faire de la publicité sur ce site (en fait jamais !), mais quand un livre est bon je le signale.

C’est pour qui ?

Ce livre s’adresse avant tout aux néophytes : tous ceux qui sont impliqués dans le processus de création, de conception et/ou d’animation d’un site web sont concernés. L’atout principal de ce livre est d’expliquer de façon didactique ce à quoi servent les standards web et leurs avantages. Idéal pour tous ceux qui n’ont jamais osé se pencher sous le capot et qui souhaite une initiation en douceur.

Qu’est qu’on y apprend ?

Les rudiments du code XHTML et CSS, quelques explications sur d’autres langages comme XML ou javascript, l’accessibilité et ce que cela implique au niveau du code.

Est-ce que ce livre est réellement pour moi ?

Ce livre est un impératif pour tous les rigolos qui expliquent à qui veut l’entendre que l’accessibilité c’est quand on met des descriptions aux images. Pour faire simple, si vous avez déjà de bonnes notions en code XHTML ou CSS ce livre n’est pas pour vous (préférez-lui More Eric Meyer on CSS ou encore The Zen Of CSS Design). Par contre, si vous souhaitez être un minimum crédible sur des thèmes comme l’accessibilité alors vous n’avez qu’un seul livre à lire, c’est celui-là !

Et après ?

Quand on commence à se pencher sur le potentiel des standards web, ça devient quasi systématiquement une obsession. Le sujet est tellement passionnant que vous ne décrocherez plus et que vous passerez vos nuits sur des sites comme OpenWeb, A List Apart, WaSP ou le CSS Zen Garden.

Et en prime, la préface est co-signée par Tristant Nitot (monsieur Stanblog et Firefox) et Laurent Denis (Monsieur Blog & BLues) et la relecture technique a été assurée par Olivier Meunier (monsieur Dotclear), que du beau ligne ! Sur ce, bonne lecture.

MAJ (04/05/2005) : Je viens de découvrir avec stupéfaction une étude réalisée par XiTi qui propose une cartographie des parts de marché de Firefox : + de 30% en Finlande, + de 20% en Allemagne, + de 13% en France… qu’on ne vienne pas me dire après ça que le respect des standards (assurant une compatibilité avec les différentes navigateurs) n’est pas un sujet d’actualité ! D’autant plus que Firefox n’est pas le seul à s’attaquer au monopole d’IE, il y a aussi Opera et Safari.

Cela fait bien longtemps que je n’ai pas mis à jour mon tutoriel sur les formulaires en ligne. Toujours est-il que d’autres se penchent également sur le sujet :

• Generic Form Validation Routine où il et question de routines pour effectuer des tests de surface ;
• Enhanced Form Widgets où l’on vous propose gracieusement de belles petites images pour remplacer les affreux boutons radios et cases à cocher fournies par MS.

Voici un exemple très intéressant de mise en page dynamique : Resolution dependent layout. Dans cet exemple, trois blocs sont positionnés les uns à côté des autres (Secondary title), si vous redimensionnez la fenêtre de vote navigateur, la largeur de ces blocs va s’adapter jusqu’à une certaine limite où ils vont venir s’empiler les uns au dessus des autres. Une solution élégante de mise en page adaptée à la taille de la fenêtre mais qui ne pénalise pas la lisibilité.

Cet exemple a été bien évidemment réalisé avec du javascript, mais on peut se prendre à rêver de ce que pourront nous apporter les nouvelles propriétés des CSS 3 (et notamment les propriétés Display, Fit ou même Crop).

Quelle différence y-a-t-il entre un bon et un mauvais codeur ? C’est très simple : le mauvais codeur, quand on lui dit de faire du code Javascript, il code… Le bon codeur, lui, quand on lui dit de faire du code Javascript, il essaye de suivre les 10 conseils proposés par Bobby Vanderluis : Ten good practices for writing JavaScript in 2005.

Morceaux choisis :

• S’assurer que son code s’intègre bien à son environnement (page XHTML et CSS) ;
• Rendre son code accessible ;
• Assurer une compatibilité maximale pour son code (notamment en se conformant au DOM du W3C) ;
• Bien connaître les limites et contre-indications du code ;
• Améliorer la performance du code.

Je ne vais pas vous refaire ici tout l’argumentaire des avantages d’une mise en page réalisées grâce aux feuilles de styles (donc évitant tout recours à des tableaux de mise en forme), il n’empêche que réaliser des boîtes avec des coins arrondis tout en respectant la sémantique et les règles érigées par le W3C est un véritable casse-tête. Plusieures solutions ont déjà été proposées pour faire des coins arrondis, mais rien de très pratiques. En tout cas pas autant que la future propriété border-radius des CSS 3 : The ‘border-radius’ properties (déjà supportée par la famille des navigateurs Mozilla et que j’utilise sur ce site).

Il n’empêche que le site italien Pro HTML vient de proposer une solution plutôt élégante basée sur une utilisation astucieuse des CSS? et du DOM?? : Nifty Corners: rounded corners without images. Pour voir la bête en action, je vous recommande ces deux exemples :

• Rounding a form
• Final example

Sympa, non ?