|
|
Introduction au CSS3 - Partie 1 : Qu'est-ce que c'est ?
Date de publication : 25/09/2008 , Date de mise à jour : 02/10/2008
Par
Design Shack (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.
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.
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
| (1) | 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 ? |
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. Cette page est déposée.
Copyright © 2000-2012 - www.developpez.com