Arrières-plans vectoriels dans une page web

Arrières-plans vectoriels dans une page web

12.08.2007

CSS2 permet d’appliquer des styles assez complexes sur les pages html seulement cela implique pas mal de bricolage et d’ajout de balises vides de sens dans le code. Des effets courants tels les bords arrondis ou les gradients ne sont pas des opérations naturelles avec CSS2 (en attendant ses prochaines versions) notamment lorsque l’on conçoit une page web extensible.

Voici donc quelques expérimentations d’arrières-plans vectoriels qui offrent l’avantage immense de garder leur forme lorsque la page est redimensionnées. Biensûr, la compatibilité du système suit la règle du IE vs tous les autres navigateurs donc évidemment le problème numéro 1 de tout développeur web reste entier :

• IE utilise son format VML (voir l’exemple en utilisant IE),
• FF Opera et d’autres utilisent la version normalisée W3C du format vectoriel, SVG (voir l’exemple en utilisant FF ou Opera).

D’un point de vue code, l’utilisation de SVG permet de facilement* de charger un fichier .svg depuis le fichier html, donc de séparer un peu encore le contenu de la présentation même si la présence d’une balise