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 que par le JavaScript et semblait bien décidé à descendre en flèche nos pauvres feuilles de style. Dommage parce que si j'étais tombé sur ces 30 techniques à l'époque, quelque chose me dit que le débat aurait été plus... euh... intéressant.

Stu Nicholls : un menu très visuel

3point7designs : un menu tout en blur

Mais c'est ainsi, le fait est que de nombreux développeurs n'hésitent pas à dénigrer les CSS au profit de l'AJAX et de tous ces trucs super branchés qui sont bien à la mode. Notez au passage que je n'ai rien contre le JavaScript, hein, il m'arrive même de l'utiliser lorsque je ne peux pas faire autrement ou lorsqu'un projet l'exige (ou en dernier recours). Je suis peut-être idiot (je sens que je vais me faire aligner sévèrement sur ce coup), mais je persiste à penser qu'un site ou un service doit être le plus fluide et le plus léger possible, dans la mesure où tout le monde ne dispose pas nécessairement d'une bête de course pour surfer sur le web.

Janko : un menu inspiré de Vimeo

Bref, je suis complètement en train de divaguer, comme à mon habitude. Cette introduction pesante ne vise qu'à vous présenter la dernière sélection de Six Revisions. Cette dernière ne recense pas moins de 30 techniques CSS pour construire des systèmes de navigation originaux et élaborés. Evidemment, dans le lot, vous avez un peu de tout et certaines techniques m'ont moins convaincu que d'autres, mais il s'y cache tout-de-même quelques perles qui ne manqueront sans doute pas de vous inspirer.

En ce qui me concerne, je dois avouer que j'ai particulièrement apprécié le menu de Stu Nicholls, celui de 3point7designs (sympathique effet de blur) ou encore celui de Janko (fortement inspiré de Vimeo).

Via Six Revisions

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

  • 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...
  • Mettez de l’open source dans votre design…
    Mettez de l’open source dans votre design…
    Ce qu’on peut dire c’est qu’en matière de design, on peut trouver pas mal de ressources sur le net. Histoire de faire un peu le ménage dans tout ça, je vous propose de découvrir une cinquantaine de liens histoire de dope...
  • 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...

17 commentaires

  1. Luc 21 avril 2009 à 17 h 28 min #1 Répondre

    « Je suis peut-être idiot » :mrgreen: :lol:

    Le menu « menu » est bien sympa quand on en trouve l’utilité au bon moment!

    Blur menu : il fallait y penser!

    Advanced CSS Menu : c’est mignon! :roll:

    CSS-Only Accordion Effect : ca marche mieux verticalement!

    Voilà!

  2. nekomata 21 avril 2009 à 18 h 05 min #2 Répondre

    Ton avis sur la fluidité n’a rien d’idiot. Je continue à penser de même : l’ajax c’est bien beau, mais je trouve plus sympa de réaliser en CSS ce qui peut l’être. Et aujourd’hui, on peut faire beaucoup de choses avec (pour peu que les navigateurs suivent).

    Je suis tombé accro en lisant des bouquins de Eric Meyer ou Jeffrey Zeldman et les sites comme zengarden (le bouquin aussi) me confortent dans ce choix.

    Une seule règle à retenir :

    CSS > * :wink:

  3. Pingback: www.fuzz.fr

  4. Fred 21 avril 2009 à 23 h 13 min #4 Répondre

    @Luc: Merde, je suis déçu, je pensais que c’est Morgan qui allait relever en premier. Mais en fait, tu es nettement plus rapide que lui… Félicitations :mrgreen:

    @nekomata: Non mais le truc, c’est qu’aujourd’hui on ne te demande plus de faire un site, on te demande de faire un site en ajax. Alors bon, des fois, c’est bien pratique, c’est vrai, quand tu veux un diaporama fluide ou des trucs du genre, un peu de JavaScript ne fait de mal à personne. Mais quand tu veux juste vendre tes légumes en ligne, faut quand même pas pousser.

    Perso, ce que j’aime, avec les CSS, c’est l’ensemble de leur structure. Je les trouve pratiques, bien pensées, rigoureuses et on peut quand même faire de chouettes trucs avec.

  5. Morgan 22 avril 2009 à 9 h 40 min #5 Répondre

    Et bah non Morgan n’allait pas faire de remarques désobligeantes parce qu’il partage à 100% cette bêtise/avis, si c’en est une…
    Quelle mauvaise langue ce Fred…

  6. Fred 22 avril 2009 à 14 h 56 min #6 Répondre

    @Morgan: Ouaip, une vilaine langue de pute qu’il paraît ^^

  7. Morgan 22 avril 2009 à 15 h 23 min #7 Répondre

    Je ne sais point encore… Pas à moi d’en juger pour le moment ;)

  8. Fred 22 avril 2009 à 17 h 25 min #8 Répondre

    @Morgan: T’inquiètes, tu apprendras à me connaître ^^

  9. Morgan 22 avril 2009 à 17 h 35 min #9 Répondre

    Heeuu… ok… cependant ce genre de caractéristiques c’est pas ta meilleure carte de visite! :twisted: Enfin, tant que ça me concerne pas, ça me fera bien marrer ^^

  10. Luc 22 avril 2009 à 18 h 37 min #10 Répondre

    @Fred:
    Et j’ai gagné quoi? \o/

  11. andré 22 avril 2009 à 23 h 58 min #11 Répondre

    C’est bien beau.

  12. Fred 24 avril 2009 à 10 h 31 min #12 Répondre

    @Morgan: Bah, m’en fous complètement de ma carte de visite. Tu peux faire tout ce que tu veux, tu auras toujours des gens pour te descendre. ^^

    @Luc: Rien du tout. Ah, j’te jure, t’es vraiment qu’un intéressé, toi… ;)

    @andré: Merci :)

  13. Luc 24 avril 2009 à 11 h 42 min #13 Répondre

    @Fred:
    Oui! :lol:

  14. Morgan 24 avril 2009 à 12 h 12 min #14 Répondre

    il a bien raison… c’est tout de même la crise… :lol:

  15. Fred 24 avril 2009 à 16 h 44 min #15 Répondre

    @Luc: Tu veux un backlink, c’est ça, hein ? Tsss :mrgreen:

    @Morgan: Pas faux mais t’as pas à te plaindre vu le trafic que je te file. ;)

  16. Luc 24 avril 2009 à 18 h 09 min #16 Répondre

    @Fred:
    Ah mais je veux bien, mais si ça t’embête : non!
    Je voudrai pas déranger! :roll:

  17. Fred 24 avril 2009 à 22 h 36 min #17 Répondre

    @Luc: En même temps, tu es dans ma blogroll, alors t’as un BL à chacune de mes pages, hein… ^^

Laisser un commentaire Ne soyez pas timide !