Il ne s'agit évidemment pas d'une liste exhaustive mais simplement de quelques liens, dont certains m'ont aidé lors de la construction de ce site et qui donc, je l'espère, pourront en aider d'autres. Je n'ai gardé que les ressources françaises, sauf quelques exceptions anglophones qui méritent vraiment le détour.

Mise à jour (25 août 2007) : simplification de l'article avec la suppression de certaines entrées devenues obsolètes ou inadéquate, en attendant une mise à jour plus complète.

Les fondamentaux

Avant toute chose, quelques ressources incontournables par lesquelles vous devriez commencer votre découverte des standards du web.

FAQ : que sont les standard du web ?

A tout seigneur tout honneur, commençons par un lien qui vous expliquera sous forme de questions-réponses ce que sont les standards du web (le (X)HTML, les CSS, etc.), et pourquoi il est préférable de les utiliser lors de la création de pages web.

Open Web

Tout, tout, tout, vous saurez tout sur les standards web et la manière de les mettre en pratique. La référence absolue pour débuter avec les feuilles de styles, le (X)HTML, à travers des articles courts, précis et didactiques.

Recommandations CSS1 et CSS2

Recommandations Html 4.01

Directives pour l'accessibilité aux contenus Web

Vous n'y échapperez pas: tout comme il faut passer l'examen du code de la route pour prendre le volant, il est fortement conseillé de connaître les recommandations du W3C lorsque l'on souhaite se lancer dans la publication web. Il ne s'agit pas de lire in-extenso ces pavés à la prose parfois hermétique mais de s'en servir comme d'un dictionnaire ou d'une encyclopédie: vous irez y piocher une réponse ou une confirmation quand une difficulté surgira.

Plonger dans l'accessibilité

Ce livre répond à deux questions. La première question est "Pourquoi je dois rendre mon site web plus accessible ?" Si vous n'avez pas de sites web, ce livre n'est pas pour vous. La seconde question est "Comment puis-je rendre mon site web plus accessible ?" Si vous n'êtes pas convaincu par la première réponse, vous ne serez pas interessé par la seconde.

2. Pour apprendre

Une fois que l'on maîtrise les notions fondamentales des standards du web, l'étape suivante est la mise en pratique de connaissances encore théoriques.

2.1. Cours et tutoriaux

Cours css pour débutant

De petits cours très pratiques qui abordent pas à pas les notions fondamentales de la mise en page d'un site avec les feuilles de styles en cascade.

Tutoriels Alsa Créations

Toute une série de tutoriels qui vous apprendront à manipuler les feuilles de styles et à écrire du (X)HTML valide.

HTML Dog tutorials

Une série de tutoriels sur les CSS et le (X)HTML, en anglais certes, mais très bien écrits et divisés en trois niveau de compétences : débutant, intermédiaire et expert. Le reste du site de Patrick Griffiths est aussi très instructif.

En quoi la mise en page par tableaux est-elle stupide

Le titre est suffisamment explicite par lui-même. Sans doute destiné aux professionnels de la profession, mais cette petite présentation BD est très agréable à lire et vous évitera de vous engagez du mauvais côté de la force !

CSS Max design

Une petite mine d'or de tutoriels et d'exemples pour créer des listes de navigation verticales ou horizontales et maîtriser la propriété Float.

2.2. Articles généraux

Pompage.net

Petit frère d'Open Web, Pompage.net nous offre des traductions françaises d'articles références dans le domaine du développemnt web (et souvent issus du site listé ci-dessous :-). Pas forcément tourné vers les débutants ou les amateurs, les articles sont cependant très agréables à lire et instructifs.

A List Apart

Une collection imposante d'articles sur les CSS et plus généralement sur le design web. J'y ai pioché de nombreux petits trucs mis en pratique sur ce site, comme le style switcher de Paul Sowden qui permet de basculer d'un style à l'autre ou la galerie d'images en javascript de Jeremy Keith.

2.3. Corriger les bogues

Position is everything

Une fois lancé dans les feuilles de styles, vous vous rendrez vite compte des lacunes du navigateur de Microsoft. Heureusement, ce site est là pour vous apprendre comment contourner les bogues d'Internet Explorer et des autres navigateurs web.

Méthodologie pour résoudre les problèmes d'affichage en CSS

Si le parcours de PIE vous semble un peu trop long, voici un court article en français qui vous permettra d'identifier rapidement un problème d'affichage.

3. Les artistes

Une fois la bête maîtrisée, on peut laisser libre cours à son imagination et construire des sites originaux tout en respectant les standards du web.

CSS Zen Garden

Une pure merveille, et un projet originale de Dave Shea : une même et unique page web, mais plus d'une centaine d'habillages différents, et ce uniquement grâce aux feuilles de styles. De quoi montrer que les standards ne tuent pas la créativité.

Css Play

Autre petite merveille, goupillée par Stu Nichols, qui est passé maître dans l'art de manipuler les CSS. Avec, en autres, des labyrinthes, une galerie photos, une ribambelle de menus, de mises en page, etc.

CSS Edge

Là encore, quelques exemples de mises en pages originales permises par les CSS : images ou colonne de navigation fixes, transparence des fonds, menu déroulants, etc. Par l'un des maîtres du genre, Eric Meyer.

CSS vault, Unmatched style, Web standards award, CSS Beauty, Kalitee.org

Sites web qui se sont fixés pour tâche de référencer à travers la toile mondiale les sites utilisant les feuilles de styles pour leur mise en page. Si vous ne deviez en visiter qu'un, ce serait CSS vault, parce qu'il est le plus complet et parce qu'il est, à ma connaissance, le premier du genre.

4. D'autres pages de ressources

Enfin, pour ne pas se contenter des quelques liens listés ci-dessous, voici d'autres pages web qui référencent des ressources tournant autour des standards web.

Malenki's Links

Non seulement cette page créée par Michel Petit vous fournira de précieuses ressources sur les feuilles de styles et les standards du web, mais elle vous donnera en plus l'irréfutable preuve de l'extraordinaire puissance des CSS, un peu dans l'esprit de Css Zen garden: une unique page web, mais une trentaine de mises en forme différentes.

CSS Discuss

Là, il ne s'agit plus d'une page de lien mais bien d'un site entier consacré à référencer des ressources sur les feuilles de styles.