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

Tags : , , ,

A propos de l'auteur : Fred

Serial blogueur, vous pouvez me retrouver sur Twitter ou encore sur Facebook, sans oublier bien évidemment Google+. D'ailleurs, saviez-vous que la Fredzone a une page sur le réseau social de Google ?

ARTICLES SIMILAIRES Ils pourraient aussi vous plaire

  • 30 techniques CSS pour constuire un système de navigation plus fluide…
    30 techniques CSS pour constuire un système de navigation plus fluide…
    C'est triste à dire mais je me souviens d'un entretien d'embauche assez tendu durant lequel j'avais été amené à m'exprimer sur les CSS. Je vantais complètement leur mérite alors même que le type en face de moi ne jurait ...
  • IE6 CSS Fixer, pour adapter son site à Internet Explorer 6…
    IE6 CSS Fixer, pour adapter son site à Internet Explorer 6…
    Même si la sixième version du célèbre navigateur de Microsoft est actuellement en train de crever la gueule ouverte dans la caniveau, il n'empêche que certains internautes utilisent encore cette ruine pour surfer. Et com...
  • 35 techniques CSS impressionnantes…
    35 techniques CSS impressionnantes…
    Même si beaucoup ne jurent que par le flash et l'ajax pour donner du style à leurs sites, certaines techniques CSS peuvent s'avérer tout aussi impressionnantes. Et encore une fois, c'est le magazine en ligne Tripwire qui...
  • Alsacréations se refait une beauté…
    Alsacréations se refait une beauté…
    Nostalgie, quand tu nous tiens... Alsacréations est une véritable référence pour tous ceux qui se sont un jour intéressés aux technologies du web et qui ont eu besoin de conseils pour démarrer leur apprentissage. Aujourd...
  • PrettyCheckboxes, un script sympathique pour agrémenter vos formulaires…
    PrettyCheckboxes, un script sympathique pour agrémenter vos formulaires…
    Faut dire ce qui est, lorsqu’on réalise un nouveau thème pour son site, on oublie souvent de soigner les détails. Enfin, ce n’est pas vraiment ça, c’est juste qu’on y passe tellement de temps qu’au bout d’un moment, on n...

10 commentaires

  1. Gaaaz 5 janvier 2009 à 13 h 28 min #1 Répondre

    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…

  2. Gaby22 5 janvier 2009 à 13 h 48 min #2 Répondre

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

  3. Gaaaz 5 janvier 2009 à 14 h 18 min #3 Répondre

    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:

  4. Luc 5 janvier 2009 à 17 h 28 min #4 Répondre

    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?

  5. Olivier 5 janvier 2009 à 17 h 53 min #5 Répondre

    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…

  6. Antoine 6 janvier 2009 à 0 h 38 min #6 Répondre

    bonne nouvelle pour les coins arrondis et le redimensionnement auto

  7. Ludo 8 janvier 2009 à 16 h 04 min #7 Répondre

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

  8. Pingback: The spirit of Wordpress #6 !

  9. Fred 10 janvier 2009 à 10 h 09 min #9 Répondre

    @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 ^^

  10. Pingback: [Webdesign] IE-CSS, un support CSS3 basique pour IE 6-7-8 | Websourcing.fr

Laisser un commentaire Ne soyez pas timide !