CSS3 pour les web designers : voyez grand, codez petit !

Dans la nouvelle collection A Book Apart lancée par les éditions Eyrolles, je demande CSS3 pour les web designers. Cet ouvrage — écrit par Dan Cederholm et préfacé par Jeffrey Zeldman — paru aux éditions Eyrolles fait partie « des livres de ceux qui font le web ».  La concision et la précision qui font partie des préoccupations quotidiennes des professionnels du web est la marque de fabrique de cette collection de petits livres.

Dans CSS3 pour les web designers, Dan Cederholm traite essentiellement des propriétés CSS3 que l’on peut utiliser ici et maintenant à condition de s’en tenir aux éléments de présentation ou d’interactivité. Il faut cibler la couche d’expérience non critique (interaction, récompense visuelle, réactivité et mouvement) sans toucher à l’identité visuelle, l’utilisabilité, l’accessibilité ou la mise en page. Une fois que l’on a identifié les éléments critiques, la couche d’expérience devient un formidable terrain de jeux et d’expérimentations. A nous les joies infinies procurées par les propriétés dont l’implémentation dans les principaux navigateurs est suffisante ! Et contrairement aux idées reçues, ces propriétés CSS3 sont nombreuses :

  • border-radius (Safari 3+, Chrome 3+, Firefox 1+, Opera 10.5+ et Internet Explorer 9),
  • text-shadow (Safari 1.1+, Chrome 2+, Firefox 3.1+, Opera 9.5+),
  • box-shadow (Safari 3+, Chrome 3+, Firefox 3.5+, Opera 10.5+ et Internet Explorer 9),
  • Arrière-plan multiples (Safari 1.3+, Chrome 2+, Firefox 3.6+, Opera 10.5+ et Internet Explorer 9),
  • opacity (Safari 1.2+, Chrome 1+, Firefox 1.5+, Opera 9+ et Internet Explorer 9),
  • RGBA (Safari 3.2+, Chrome 3+, Firefox 3+, Opera 10+ et Internet Explorer 9).

Tout au long du livre l’auteur nous (dé)montre deux choses importantes : 1) l’utilisation subtile de ces propriétés peut faire monter d’un cran l’expérience utilisateur sans que les utilisateurs des navigateurs qui ont une marge de progression aient à s’en plaindre ; 2) l’utilisation des préfixes vendeurs — loin de balkaniser le web — permet dans les faits à la modularité de CSS3 d’exprimer tout son potentiel grâce à un processus itératif que les professionnel du web connaissent bien.

Le tout avec un ton vif et entrainant, ce qui ne gâche rien 😉

Informations pratiques