Introduction au CSS3 - Partie 1 : Qu'est-ce que c'est ?

| Design Shack | Mickael Ruau (traducteur) |

Cet article marque le début d'une série qui fournit une introduction au nouveau standard CSS3, qui est conçu pour remplacer le CSS2. Nous commencerons par le tout début, comme si vous n'aviez jamais entendu parler du CSS3, pour vous amener à vous sentir prêt à le mettre en œuvre.

Cet article a été publié à l'origine, le 6 Mai 2008, en version anglaise et est visible à l'adresse suivante : Introduction to CSS3 - Part 1: What is it ?

- Titre : Introduction au CSS3 - Partie 1 : Qu'est-ce que c'est ?

- Auteurs : Design Shack, Mickael Ruau (traducteur)

- Parution : 25 septembre 2008

- Mise à jour : 2 octobre 2008

- Licence : Copyright ® 2008 Design Shack. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- Qu'est-ce que c'est ?

- Les modules

- Le développement

- Comment le CSS3 m'affecte-t-il?

- Remerciements

- Articles de cette série

Qu'est-ce que c'est ?

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. Ce premier tutoriel vous donnera 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 modèle de boîtes ;

- Le module de listes ;

- La présentation des hyperliens ;

- Le module vocal ;

- Les arrières plan et les Bords ;

- Les effets de texte ;

- La mise en page multi-colonnes.

Voir la liste complète des modules"

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.

Comment le CSS3 m'affecte-t-il?

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.

Remerciements

Tous mes remerciements à romaintaz pour sa relecture.

Articles de cette série

- Introduction au CSS3 - Partie 1 : Qu'est-ce que c'est ?

- Introduction au CSS3 - Partie 2 : Les bordures

- Introduction au CSS3 - Partie 3 : Les effets de texte

- Introduction au CSS3 - Partie 4: L'interface utilisateur

- Introduction au CSS3 - Partie 5: Les multiples colonnes

- Introduction au CSS3 - Partie 6 : Les arrière-plans