Mémentos

Memento, c’est le titre d’un film assez méconnu de Christopher Nolan (avant qu’il ne devienne hyper célèbre avec Batman Begins), où le personnage principal a perdu la mémoire et note tout sur divers supports pour se souvenir de ce qu’il a fait quelques minutes auparavant. Pour écrire du code web, quand on n’a pas une formation d’ingénieur informatique, il vaut mieux faire comme lui : avoir toujours sur  soi ses mémentos HTML et CSS…


Memento Bande-annonce

Des références, en ligne ou à télécharger

Les sites de référence du W3C

Pour nous remémorer en permanence toutes les balises HTML et les propriétés des CSS, nous utiliserons les sites de référence du W3C:

Ce ne sont pas à proprement parler des mémentos (des glossaires, en quelque sorte), mais plutôt des dictionnaires exhaustifs. On y trouve même  les balises les plus exotiques, et les moins usitées.

Vous pouvez les mettre en onglets permanents de votre navigateur (ajoutez-y le validateur HTML et CSS, tant que vous y êtes, il nous sera très utile !)

Les mémentos d’OpenClassrooms

Pratiques, parce restreints à l’essentiel, vous y trouverez toujours les balises et les propriétés essentielles.

et le mémento des feuilles CSS 2.1 et le mémento des balises HTML proposés par Eric Bellot, lesquels, bien qu’un peu anciens, ont le mérite d’être téléchargeables (ici et ) et taillés pour une impression papier.

Les plus pratiques à imprimer

Le mémento des feuilles CSS 2.1 et le mémento des balises HTML proposés par Eric Bellot, datent un peu (XHTML et CSS 2.1) mais sont certainement les plus pratiques pour l’impression, et contiennent suffisamment d’infos pour écrire une page web correcte encore aujourd’hui.

Les plus pratiques à consulter en ligne

Les deux mémentos d’Open Classrooms (HTML5 et CSS3) sont non seulement à jour, mais pratique à consulter en ligne, parce qu’ils sont volontairement limités aux balises et aux déclarations les plus utiles.

Coté HTML, la liste complète des balises HTML de JaéThème est très pratique à consulter en ligne.

Mais gardez à l’esprit que les référentiels les plus exhaustifs sont sur le site du W3C.

Et pourquoi pas à emporter ?

J’y pense… à l’ère du numérique embarqué, pourquoi s’encombrer encore d’une version papier? Pourquoi ne pas toujours avoir ses références HTML et CSS dans la poche?

Voici une sélection d’applications pour smartphones pour Android et iOS… Attention, petit à petit, vous devenez web dev (ça s’attrape et c’est très contagieux)…

Pour Android

CSS3 Reference

HTML5 Reference

Pour iOS

CSS Quick Reference

HTML Pro Quick Guide FREE

Vous voilà prêt(e) à coder à tout heure et en tout temps !