Me connecter | Pas encore inscrit ?

Navigation
Accueil

Encyclopédie

Contribuer

Boîte à outils

Dictionnaire

Chercher un mot :

Conjugueur

Conjuguer un verbe :










CSS3

CSS3 est la Version 3 de CSS, en cours de développement par le W3C.

Le CSS3 offre une immense variété de nouvelles façons de modifier le design de vos sites web, sans pour autant impliquer de grandes modifications. voici une introduction très basique aux nouvelles possibilités créées par le standard.

Les modules

Le développement de CSS3 va être divisé en 'modules'. La vieille spécification était simplement trop longue et complexe pour être mise à jour d'un seul tenant, alors elle a été séparée en morceaux plus petits - avec quelques nouveaux ajouts. Certains de ces modules incluent :

Le développement

Beaucoup de nouveaux modules sont maintenant terminés, dont le SVG (Scalable Vector Graphics: pour le dessin vectoriel), Media Queries (recherche dans les médias) et les Namespaces (espaces de nommage). Les autres sont toujours en écriture.

Il est difficile de donner une date à partir de laquelle les navigateurs web adopteront les nouvelles fonctionnalités du CSS3 - quelques nouvelles versions de Safari ont déjà commencé à le faire.

Les nouvelles fonctionnalités seront implémentées progressivement dans les différents navigateurs et il peut se passer un à deux ans avant que tous les modules soient entièrement adoptés.

Heureusement, d'une façon globalement positive, le CSS3 bénéficiera d'une rétro-compatibilité complète, si bien qu'il ne sera pas nécessaire de changer les designs existants pour s'assurer qu'ils marchent - les navigateurs web continueront toujours à supporter le CSS2.

Le principal impact sera la possibilité d'utiliser les nouveaux sélecteurs et propriétés qui sont disponibles. Ceux-ci vous permettront à la fois d'utiliser les nouvelles fonctions de design (animations ou dégradés par exemple), et d'utiliser les fonctions actuelles de design de manière bien plus aisée (par exemple en utilisant les colonnes).

Les futurs articles de cette série se focaliseront chacun sur un module différent de la spécification CSS3, et les nouvelles fonctionnalités qu'ils apporteront. Le prochain parle des bordures CSS3.

Concrètement, cette évolution des feuilles de style n'est pas encore supportée par tous les navigateurs.

Firefox, Safari et Chrome s'en sortent le mieux, à l'exception de quelques propriétés non interprétées la majeur-partie de votre design css3 sera correctement interprété sur ces trois navigateurs.

Du côté d'Opera l'implémentation est en cours, et on peut penser qu'elle sera effective au fil des mise-à-jour. A l'inverse, les navigateurs Microsoft sont à la traine, avec pour seul lot de consolation le support de la propriété @font-face... C'est très important de tenir compte de ces paramètres. Il est à l'heure actuelle presque impensable de baser le design d'un site institutionnel sur cette norme...

En effet, Internet Explorer est encore très présent et vous risqueriez de fortement dégrader l'expérience utilisateur.

Ce que vous pourrez faire avec CSS3

Au delà de l'attrait de la nouveauté, CSS3 apporte un réel bon en avant en matière de webdesign. Il vous sera par exemple possible de :

Ceci n'est qu'un aperçu, il existe plus de propriétés que vous pourrez découvrir ici: site officiel css3.

Bibliographie

www.w3.org http://www.css3.info/ Specifications W3C du CSS3