S’il ne devait rester qu’un tutoriel pour faire un menu CSS avec onglets…

Vous pensiez avoir fait le tour des tutoriels pour réaliser des menus avec onglets en CSS ? Moi aussi, mais c’était sans compter les facéties googliennes : je cherchais tranquillement des ressources sur le poids des sélecteurs css pour ajouter une information ou deux à mon billet sur les Reset CSS quand un résultat au titre alléchant a retenu mon attention :

Créer un menu à onglets avec CSS. Surpris de n’être jamais tombé sur cet article auparavant, je regarde ce que Google a à dire sur la requête menu onglets css. L’article apparait bien, mais en 3ème page… alors qu’un tutoriel de cette qualité mérite la première. Non mais franchement, y font quoi les gars de chez Google ? Ils pourraient faire un effort, quand même 😉

Ce tutoriel vous guidera pas à pas sur la voie de la création d’un menu à onglets accessible et multi-navigateurs. Que vous en soyez à votre premier menu ou pas, vous apprendrez forcément quelque chose. Si ce n’est pas le cas, vous pourrez toujours venir vous plaindre ici 😉 Bref, vous m’avez compris, faites du bruit pour que tout le monde puisse profiter du sens de la pédagogie de Normand Lamoureux.

L’article est plein de bons conseils que je vous laisse découvrir. Bon, si vous insistez, je vais avoir du mal à résister à l’envie de dévoiler une astuce particulièrement simple et efficace pour améliorer la productivité dans l’écriture des CSS :

Arrive le moment d’écrire ma feuille de style. Dans ce dessein, je vais à l’élément « Éditer les CSS » du menu CSS de la barre d’outils pour développeur Web. Cette fonctionnalité permet d’écrire une règle CSS dans le volet de gauche du navigateur et de voir immédiatement le résultat dans le volet de droite, où le fichier HTML s’affiche.

J’utilise régulièrement ce volet gauche pour jouer avec les CSS des sites que je visite, mais je n’avais jamais pensé m’en servir comme ça.

Comme quoi, avec Google, une requête peut en cacher une autre 😉

Faites en sorte que la redondance de l’information profite aux contenus qui le mérite, et ne sortez pas sans cette boite à outils pleine de cours et autres tutoriels 😉