Accueil > Carnet > CSS avancées & normes limitées

Après plus de 14 années de présence sur le web, je continue encore aujourd'hui cette incroyable aventure qu'est la découverte du virtuel. Lampe torche, sac à dos, planche de surf et bien sûr ce calepin indispensable pour mémoire.

#319 CSS avancées & normes limitées - 26 Novembre 2008

css

Attention, il est important de considérer que cet article est une archive, son contenu est probablement obsolète!

Débutée en 2001, la norme CSS3 est actuellement toujours en cours de construction et ne verra pas le jour d'ici demain ... Pourtant, elle apporte un ensemble de propriétés qui permettent, entre autre, d'arrondir les bordures, d'appliquer plusieurs fonds à une même balise et autres futileries devenues indispensables auprès des designers.

Aujourd'hui, un designer se heurte au fait que les éléments s'apparentent à des carrés (box model) que l'on ne peut que très peu personnaliser et qui ne peuvent subir aucune transformation de type rotation et déformation. Un élément est et reste un carré.

Durant une pause déjeuner avec des collègues de Skyrock, nous avions abordé la question des propriétés avancées du moteur de rendu Webkit. Et une réponse avait été apportée par Bohwaz : l'utilisation de SVG. Après avoir fait quelques recherches, le SVG permet bien des applications graphiques avancées (comme la rotation, la déformation). Par contre, je ne vois pas trop l'intérêt d'impliquer le SVG dans la présentation d'un document, à cela plusieurs raisons :

  • SVG est destiné à du graphisme et non de la mise en page, autant retourner à l'utilisation des balises de table pour faire de la présentation ... non ?
  • CSS s'applique au SVG, donc pourquoi le SVG devrait se lier à de la présentation ?

Pour le moment, les navigateurs du marché ont répondu au retard du W3C en incrustant des propriétés personnelles (-webkit-*, -moz-*) qui n'ont pas forcement la même définition. Un exemple concret : border-radius.

  • -moz-border-radius-topleft / -webkit-border-top-left-radius
  • -moz-border-radius-topright / -webkit-border-top-right-radius
  • -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
  • -moz-border-radius-bottomright / -webkit-border-bottom-right-radius

Les propriétés indépendantes augmentent donc progressivement les capacités de mise en page. Par contre, elles creusent davantage l'écart entre les navigateurs. IE ne comprend toujours pas les coins arrondis ... Le W3C va devoir réagir rapidement ... et surtout stabiliser sa dernière norme.

Pourquoi ? Parce que les carrés, y'en a marre.

Quelques trucs qui manquent cruellement aux CSS :

  • La gestion des lettrines (existe depuis le moyen-âge si ce n'est avant !)
  • La gestion des multi-colonnes (idem)
  • La gestion de la rotation
  • et autres fonctions qui existent dans l'univers du papier mais pas encore sur le web ...

Commentaires

Ajouter un commentaire