• Auteur : Olivier Meunier
  • Date : 6 septembre 2003 (28 décembre 2015)

CSS et les standards en six mois


- Nous avons extrait cet article du blog de neokraft.net sur les standards du Web qui s’avère être tout aussi divertissant qu’enrichissant.

- D’ordinaire cela ne se fait pas, car un blog, c’est, comment vous dire, toute une "atmosphère".
Mais il nous a semblé que comme ce sujet devenait petit à petit une préoccupation majeure de "l’internaute libre" (à commencer par Framasoft qui est encore loin de donner le bon exemple !), il eut été dommage de ne point vous proposer cette petite liste de liens tous plus pertinents les uns que les autres.
En souhaitant à tous les webmasters en herbe une excellente lecture...

- Histoire de l’avoir sous la main, nous y avons joint directement le tout premier document conseillé : XHTML en une heure dont vous trouverez ici le lien d’origne.

- Notons enfin que l’auteur de l’article, Olivier Meunier, est également l’auteur de l’excellent générateur à blogs DotClear, des fois que vous aussi vous auriez des choses à dire sur le Net dans le style "journal intime vu par des millions de personnes".

Neokraft Blog
vendredi 11 juillet 2003 à 17:55
[Standards du Web]

Une collègue de travail me demandait il y a quelques temps si j’avais des ressources concernant le sujet des standards du Web, de CSS et toutes ces petites choses qui bercent notre métier. Comme le sujet peut intéresser du monde, je livre ici mon ordonnance pour passer aux standards en douceur.

Pour commencer en douceur, vous lirez les articles suivants :

N’en lisez pas plus, commencez par vous imprégner tranquillement du sujet. N’oubliez pas, le chemin que vous empruntez est long et tortueux, mais il vous mènera loin. Votre bagage technique en main vous terminerez votre initiation en lisant Le tao du design Web.

Comme le traitement est long, il faut lire, apprendre, essayer en permanence. Tous les jours vous lirez donc les blog suivants, c’est très vite fait et vous y glanerez souvent de bonnes informations et pourrez découvrir de nombreux autres documents très intéressants :

Il y a nombre d’autres lectures quotidiennes, je vous laisse les découvrir (et les ajouter ici même si vous les jugez pertinentes).

Lire des blogs sur le sujet est enrichissant, pas suffisant. Voici donc quelques lectures hebdomadaires :

Une source d’inspiration remplace souvent de nombreuses lectures, voici donc quelques pages proposant des modèles standards et utilisant CSS :

Les outils sont très importants pour apprendre et tester dans de bonnes conditions. Voici donc une série d’outils pratiques pour travailler vite et bien.

  • HTML-Kit, sans aucun doute le meilleur éditeur HTML pour Windows, gratuit qui plus est. Il intègre HTML Tidy par défaut et peut être étendu avec une foule de plugins (on peut même en faire en PHP !)
  • Mozilla est sans aucun doute le compagnon idéal du webmaster car il propose nombre d’outils pour lui faciliter la vie. Essayez le DOM Inspector, essayez les plugins de Mozilla et vous ne lacherez plus votre nouveau lézard. C’est aussi le meilleur navigateur du monde, mais ça n’engage que moi ;-)
  • PNH Toolbar, une barre d’outils pour Mozilla qui permet d’afficher la source dans un nouvel onglet, de voir les blocs ou les tableaux d’une page, etc. Indispensable.
  • Checky, permet de passer sa page au validateur W3C en pressant shift+F12 et propose en outre une foule de validateurs et testeurs de pages. Indispensable aussi.
  • TabBrowser Extension permettra de tirer encore plus parti de la navigation par onglet. Pas forcément indispensable mais très pratique.
  • Les Web Development Bookmarklets vous offriront des outils superbes comme la possibilité d’éditer ou tester les styles d’une page, n’importe quelle page.

Pendant six mois, suivez cette ordonnance, et surtout pratiquez. Rien ne serait plus dommage que d’apprendre des choses sans les mettre en oeuvre. Bien sûr, n’hésitez pas à regarder comment font les autres, c’est depuis toujours la meilleure école et c’est devenu encore plus simple avec des outils comme la PNH Toolbar ou le DOM Inspector.

Ne restez pas seul face à vos problèmes, inscrivez vous à la liste de discussion de pompage.net/CSS.

Enfin, abusez plus que de raison du validateur HTML et du validateur CSS du W3C, on apprend toujours de ses erreurs.

N’hésitez pas à soumettre une nouvelle ressource digne d’intérêt, j’en ai sûrement oublié quelques-unes importantes.

Edit : j’oubliais de remercier Tristan et François pour leur relecture. Merci les gars :-)

Commentaires

<< Poster un message >>
:: question :: précision :: avis :: commentaire :: bug ::

framasoft et openweb... pas mal :) , le 8 septembre 2003 par steph (1 rép.)

salut

Porté par openweb, framasoft sera surement valide (xhtml strict ??) dans pas longtemps, n’est-ce pas ?? :p

> framasoft et openweb... mariage pas encore consommée ! , le 8 septembre 2003 par AK pour Framasoft

Nous ne souhaitons pas en effet rester éternellement invalides ;-)

Nous sommes du reste gentiment "coachés" par un gars de l’équipe d’OpenWeb.

On va donc essayer de faire de notre mieux (sachant toutefois que SPIP complique parfois un peu les choses de ce côté là).

Répondre à ce message