Saviez-vous que les feuilles de styles (Cascading Style Sheets en anglais) ont été lancées en 1997 ? La normalisation de cette technologie par le W3C a permis de dissocier la présentation du contenu et sortir le web design de l’âge de pierre. L’intérêt des feuilles de style a notamment été démontré avec des initiatives communautaires comme le CSS Zen Garden. Mais les choses se sont vraiment accélérées avec l’arrivée de la troisième version des feuilles de styles (CSS3) qui permettent notamment de faire des transitions, des arrondis, ombres protées et surtout de choisir sa propre police (CSS @ Ten: The Next Big Thing).
Les dernières évolutions en date concernent la possibilité de définir des formes pour des éléments (Creating Non-Rectangular Layouts with CSS Shapes et Animating CSS Shapes with CSS Animations & Transitions) et de définir des conteneurs pour figer une mise en page (Killer Responsive Layouts With CSS Regions).
Pouvoir faire des mises en page aussi sophistiquée et rigoureuse que sur les magazines est un vieux rêve pour nombreux designeurs. Adobe a toujours été moteur pour promouvoir les techniques avancées de mise en page, notamment avec sa politique de soutien. Ils sont donc naturellement aujourd’hui les plus gros promoteurs des CSS Shapes et CSS Regions. Ils ont à ce sujet présenté une très belle démonstration technique, Alice in Wonderland, faisant un usage malin de ces techniques de mise en page pour scénariser le texte.
Le résultat est tout simplement bluffant, mais nécessite un navigateur très récent et une petite manipulation : Using CSS Shapes to Enhance Visual Storytelling. Cette réalisation est d’autant plus intéressante qu’elle vient d’un studio français (Alice au Pays d’Adobe, un conte interactif). Tous les détails techniques sont ici : Cutting edge web development with CSS Shapes and CSS Regions
Il est important de préciser que cette réalisation est une étape très importante dans le travail de lobbying mené par Adobe pour faire accepter ces spécifications par le W3C (Adobe issues CSS Web publishing prototype et CSS3 regions: Rich page layout with HTML and CSS3).
Le problème est que, dans leur philosophie, les CSS Regions sont en désaccord avec la notion essentielle de flux de contenu (en contraignant des portions de contenu dans des zones particulières, vous figez la page). Håkon Wium Lie, l’inventeur des CSS et directeur technique de Opera, a ainsi publié un long article pour en dénoncer les limitations : CSS Regions Considered Harmful. Ses principaux arguments sont les suivants : les CSS Regions alourdissent le code avec des balises de présentation (le retour des DIVs) et perturbent le défilement naturel du texte.
Ne vous y trompez pas : l’auteur n’est pas hermétique au changement, il craint seulement que ces nouvelles propriétés CSS soient utilisées à tort et nous renvoient à une époque sombre où les bidouillages de mise en page étaient légion. Du coup, d’autres designeurs argumentent à leur tour en faveur des CSS Regions et plaident pour une plus grande liberté de choix dans les possibilités de mise en page : CSS Regions Matter.
Je dois bien vous avouer avoir beaucoup de mal à me faire un avis tranché sur la question : d’un côté je suis un grand fan de la scénarisation des contenus (HTML5 donne de la profondeur à la narration) ; d’un autre côté, il nous faut IMPÉRATIVEMENT simplifier et normaliser la syntaxe des pages HTML pour en faciliter la diffusion sur les terminaux alternatifs.
Coup de théâtre le mois dernier, car Google vient d’annoncer que les CSS Regions ne seront pas supportées par le moteur de rendu de Chrome : Google plans to dump Adobe CSS tech to make Blink fast, not rich. Pour mémoire, les navigateurs utilisent tous des moteurs de rendu différents pour interpréter le code HTML / CSS et afficher les pages web (Blink pour Chrome, Webkit pour Safari, Gecko pour Firefox…). Chrome étant un des navigateurs les plus populaires, c’est donc un très gros coup dur pour les CSS Regions. La raison invoquée par Google est qu’ils ne veulent pas sacrifier les performances de leur moteur de rendu.
Ceci étant dit, l’histoire de l’évolution des technologies web est ponctuée de revers de ce style. Les CSS Regions ne sont donc pas enterrées, mais leurs spécifications vont très certainement être revues et discutées jusqu’à être acceptées par les différents éditeurs de navigateur.
Affaire à suivre…