Quelques sites

21.09.2006

(article mis à jour en 2012 puis 2014)

N'attendez aucune révélation bouleversante. Quant aux opinions exprimées, elle n'engagent que moi et ne vaudront jamais celle que vous vous ferez vous-même.

Apprentissage

Très fréquentable, le tutoriel du Site du Zéro. Il en existe une foultitude d'autres, dont certains sûrement aussi bons. Celui-ci est très connu, et le mérite je pense, parce que :

j'ai commencé avec !
sa lecture est agréable : bonne organisation, style simple et français impeccable. Si si, ça compte.
il est progressif et concret, mais riche et rigoureux ;
il met d'emblée l'accent sur les bonnes pratiques de conception, ce qui n'est pas toujours le cas ailleurs.

Autre tutoriel sympa, W3Schools.com (en anglais). Malgré son nom, n'est pas lié au W3C. Présente toutes les techniques de développement pour le Web, en brefs chapitres simples avec beaucoup d'exercices interactifs. Plus complet que le précédent mais, à mon avis, suppose un peu plus de connaissances préalables.

Références du W3C

CSS 2 et son évolution
CSS 2.1: Très complet (forcément) et plutôt clair. Contient en particulier de bonnes synthèses sur la mise en page (padding, margin, float et toute la bande), sur les polices de caractères, etc. .
HTML 4.01: Très complet aussi. La notation est un peu hermétique au début mais vaut l'effort de bien la comprendre.

Ce sont des textes de référence, pas des tutoriels : à déconseiller si vous êtes un débutant pressé. Mais vous y viendrez forcément un jour, et vous verrez que ce n'est pas aussi rebutant qu'on pourrait le craindre. Chacun d'eux se complète par un renvoi à la liste des (souvent petites) erreurs qu'il contient : pensez donc à consulter au moins une fois les Errata.

Dernière et délicate attention : ces documents existent en divers formats téléchargeables sur votre ordinateur.

W3C en français

Ça existe ! Autre avantage : les traducteurs en ont profité pour corriger les erreurs des documents originaux.

CSS 2
HTML 4.01

CSS3

La dernière version de CSS3 est en cours de rédaction. Elle se compose de modules plutôt que d'un seul très gros document, ce qui permet d'en "officialiser" une partie après l'autre.

Les recommandations W3C et les
"drafts" W3C pour CSS: vous renseigneront. Les drafts ne sont pas encore stabilisés mais déjà largement supportés.
CSS 3 files: présente très clairement les possibilités les plus répandues.

Aide pour les auteurs d'Over-Blog

Première source d'information, le manuel OverBlog s'efforce de traiter toutes les questions propres à la plateforme OB. N'y cherchez pas de renseignements sur HTML ou CSS, ce n'est pas son propos.

Plusieurs bloggers (blogueurs ? bloguistes ?) dévoués ont monté des sites bourrés d'informations. Je ne les connais pas tous, voici ceux que j'ai fréquentés un jour ou l'autre. Fouillez dedans avant d'être le 879568ème blaireau qui demande comment écrire en jaune sur fond rose (beurk) !

AnnaK: Un très bon blog pour débutants, qui n'oublie surtout pas de répondre aux questions bêtes telles que comment je modifie mon CSS ? . De l'information reprise des autres (et la dame le reconnaît d'emblée) mais, plus-value inestimable, organisée du plus simple au plus compliqué plutôt que par thèmes techniques.
M'aurait fait gagner beaucoup de temps si je l'avais connu plus tôt !
Aide-Blog par Farfouille: Comme son nom l'indique : un tas de trucs avec de vraies perles à l'intérieur. Joli design kitsch.
PêUR - Peut-être une réponse: Dieu de l'enrichissement de blog – ne pas se fier à la modestie du titre : ce type trouve tout ! (note 2012 : ce site n'évolue plus mais reste une richesse)
Francisek: Autre Dieu de l'enrichissement de blog. Beaucoup d'utilitaires astucieux pour se simplifier la vie – hélas, même note 2012 que le précédent :-(
Les blogs d'aide OverBlog: Page de la communauté d'aide OB, vous y retrouverez les précédents et d'autres (et même le mien, hu hu !).

Vous noterez peut-être que j'ai placé les sites d'apprentissage et de référence avant ceux d'aide – trucs – astuces – gadgets – compléments alimentaires. C'est volontaire : avoir au moins parcouru les premiers vous aidera à mieux comprendre, donc mieux utiliser, les réponses trouvées dans les seconds.

Mon ch'tit blog didactique

J'ai fabriqué brendutest pour tester, comme son nom l'indique, diverses manœuvres scabreuses. Il montre leur effet directement sur le blog – avec des vrais morceaux d'explications à l'intérieur.

Des sites à fréquenter (en français)

Vous les connaissez sans doute déjà, mais au cas où…

Alsacréations: De bons tutoriels, de bonnes astuces classiques et de sains principes par des gens respectueux des standards. Une mine.
OpenWeb: Les articles pour débutants laissent parfois le lecteur sur sa faim (du moins ne contiennent-ils pas d'âneries) mais il y a de très bons aperçus sur, par exemple, les différences de comportement des navigateurs (sujet qui fâche et qui fait peur !).
Pompage.net: Comme son nom l'indique : traduction des principaux articles consacrés au design de site Web. Haut niveau, encore une mine.

Pour tous ces sites, pensez à faire un tour sur leurs liens – c'est de la très bonne came.

JavaScript ?

Si la question vous intéresse je lui ai consacré cet article Apprendre JavaScript . Vous y trouverez quelques liens de bonne qualité (et, en la matière, tous ne le sont pas).

Il n'y a pas que les blogs dans la vie

Surprenant, non ? Voilà ma collection de liens, pour vous changer les idées.

J'ai failli oublier…

… de vous recommander, pour la bonne bouche, la lecture de la spécification officielle de HTCPCP, protocole de communication puissant et injustement méconnu ;-) (sisisisisi, allez-y !).