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

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

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

 

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



3 commentaires pour “CSS3 pour les web designers : voyez grand, codez petit !”

  1. William dit :

    Je viens de le recevoir en même temps que HTML5 pour les Web designer (histoire d’avoir une vision complète ^^ ) Très bien écrit, conçis, pas trop lourd ! Des informations accessibles et facile à digérer. Je recommande.

  2. Antoine Guédès dit :

    J’avais déjà été séduit par le précédent bouquin « HTML5 for Web Designers », et je pense que je vais me laisser tenter par celui-ci également ; vu la qualité du précédent et suite à la lecture de ton article. Merci Bruno. ;)

  3. [...] forcément. En ce qui concerne CSS3, il faut s’en tenir aux conseils donnés dans CSS3 pour les web designers par Dan Cederholm :Utiliser CSS3 «ici et maintenant» à condition de s’en tenir aux éléments [...]

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site