5 techniques pour se familiariser avec les CSS 3…

Fred - le 05/01/2009 à 12:00 - Design - 9 commentaires

Les CSS (ou feuilles de style) sont des petites bêtes fascinantes. Sans rire, elles ont simplifié la vie des webmestres quelque chose de bien. Leur troisième version, dont le développement a tout-de-même débuté en 1999, s’annonce encore plus remarquable que les précédentes. Ce qui tombe plutôt bien puisque NetTuts nous a concocté cinq techniques pour se familiariser avec leur structure.

netuts

Oh oui, les CSS 3 s’annoncent vraiment fantastiques. Grâce à elles, vos pages seront sans doute beaucoup plus légères puisqu’elles intègreront désormais des effets que nous réalisions auparavant avec Photoshop. Et on le sait bien aujourd’hui, la principale qualité d’un site, c’est sa légèreté. Les internautes n’aiment pas attendre et une page qui mettra trop de temps à charger tombera vite aux oubliettes.

Parmi les techniques d’initiation proposées par NetTuts, on peut citer les coins arrondis, la gestion de l’opacité, de l’ombre portée ou encore du redimensionnement automatique. De quoi s’occuper un peu durant les longues d’hiver.

Alors plutôt que de pomper outrageusement leur billet, je vous propose d’aller directement faire un tour dessus histoire de vous éclater un peu. De toute façon, vous avez encore du temps devant vous puisque tous les navigateurs du marché ne supportent pas encore ce langage. Ah et si vous avez envie d’aller un peu plus loin, je vous conseille aussi d’aller visiter le très bon CSS3.info, qui constitue une très bonne base de connaissances pour s’initier tout doucement.

Via NetTuts

Articles similaires

9 commentaires

Certaines balises HTML sont autorisées. N'hésitez donc pas à faire des liens ou à mettre en forme votre texte. Dans tous les cas, veillez à rester correct, courtois et agréable.

  • Gaaaz #1 - Le 5 jan 2009 à 13 h 28 min

    Ouais c top :!:
    Et qu’en est-il des navigateurs qui doivent interpréter correctement la CSS3 :?:
    Il y a tjs un décalage entre les CSS et les nav et ça c’est vraiment dommage…
    Bref…

    RépondreRépondre
  • Gaby22 #2 - Le 5 jan 2009 à 13 h 48 min

    faut pas oublier qu’en attendant les CSS3 la plupart de ces effets peuvent être reproduit en javascript :razz:

    RépondreRépondre
  • Gaaaz #3 - Le 5 jan 2009 à 14 h 18 min

    Certes, mais le but tout de même est que la CSS soit valide sur les navigateurs et je ne suis pas partisan de rajouter du JS alors que nativement ceci est gérée :wink:

    RépondreRépondre
  • Luc #4 - Le 5 jan 2009 à 17 h 28 min

    Oui, je suis perplexe…
    D’un côté des avancées surement très utiles…
    de l’autre des navigateurs qui ne savent déjà pas interpréter CSS2!

    Est-ce bien raisonnable d’avancer plus vite que la musique?
    Ne va t’on pas encore vers une fracture du Net, ceux qui auront le bon navigateur et ceux qui doivent utiliser un mauvais navigateur?

    RépondreRépondre
  • Olivier #5 - Le 5 jan 2009 à 17 h 53 min

    Pas mal en effet, cependant, je me garderais bien d’implémenter ce genre de trucs sur un site pour le moment vu déjà la difficulté à rendre compatible sur tous les navigateurs le moindre design un peu élaboré avec des instructions basiques…

    RépondreRépondre
  • Antoine #6 - Le 6 jan 2009 à 0 h 38 min

    bonne nouvelle pour les coins arrondis et le redimensionnement auto

    RépondreRépondre
  • Ludo #7 - Le 8 jan 2009 à 16 h 04 min

    C’est bien mais je préfère attendre une compatibilité Firefox/IE avant de me lancer dans le CSS3…

    RépondreRépondre
  • The spirit of Wordpress #6 ! #8 - Le 10 jan 2009 à 3 h 40 min

    [...] 5 techniques pour se familiariser avec les CSS 3… [...]

  • Fred #9 - Le 10 jan 2009 à 10 h 09 min

    @Gaaaz: Comme d’habitude, va falloir attendre un peu avant que les navigateurs ne supportent les CSS3. Va falloir se montrer patient, mais rien ne nous empêche de nous entrainer un peu en attendant.

    @Gaby22: Sauf que le Javascript, c’est pas mal lourd. Perso, j’évite au maximum, d’autant plus que je suis pas spécialement fan de ce langage (même si les librairies aujourd’hui disponibles facilitent grandement les choses). En matière de web, la taille compte, et elle compte beaucoup même :mrgreen:

    @Luc: La fracture est inévitable. Ce qui m’a franchement fait halluciner, c’est de voir que les CSS3 sont en préparation depuis 1999 et qu’on n’a rien encore de très concret dix ans après. Bon, en même temps, ça doit prendre du temps, hein…

    @Olivier: Entre tous les navigateurs ? Tu devrais plutôt dire entre Internet Explorer et les autres… Et encore, ça s’est amélioré ces dernières années ;)

    @Antoine: Et pour les ombres portées aussi, non ?

    @Ludo: On est bien d’accord, rien ne presse. Cela dit, s’entrainer un peu pour préparer le coup, c’est pas forcément une mauvaise idée ^^

    RépondreRépondre

Laisser un commentaire

Si vous avez aimé cet article ou que vous souhaitez tout simplement en discuter, n'hésitez pas à réagir et à laisser un commentaire, ça fait toujours plaisir !

* *