Ressources HTML & CSS

Dans cet article, je vous partage la liste des ressources que j’utilise.

C’est du « brut du brut », vous y trouverez pêle-mêle les liens vers la documentation officielle, des sites d’astuces et d’apprentissage, des articles de ce blog, des outils en ligne, des logiciels…

Prenez le temps de la survoler, je suis sûre que vous trouverez un ou deux « trucs » bien utiles.

HTML

Documentation officielle

• http://www.w3.org/TR/html-markup/spec.html

Tutoriel très complet (+livre en téléchargement)

• http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web-avec-html5-et-css3.html

Infographies HTML5

• http://www.developer-tech.com/news/2012/jul/12/history-html5-infographic/
• http://img.skitch.com/20100608-duqwn4s257c6swkrhjur2jbc83.jpg

Démo de toutes les fonctionnalités HTML5 (à voir!)

• http://beta.theexpressiveweb.com/

CSS

Documentation officielle

• http://www.w3.org/wiki/CSS/Properties

Support des propriétés par les navigateurs

• http://www.normansblog.de/demos/browser-support-checklist-css3/
• http://caniuse.com/

Templates CSS

• http://www.freecsstemplates.org/css-templates/

Gabarits CSS

• http://www.alsacreations.com/static/gabarits/liste.html

Utiliser une police originale

• Comment utiliser une police originale sur son site web?

Menu simple en CSS

• http://www.alsacreations.com/tuto/lire/574-Creer-des-menus-simples-en-CSS.html

La propriété « Display : inline-block ; »

• http://www.alsacreations.com/article/lire/1209-display-inline-block.html

Technique des portes coulissantes

• http://www.alsacreations.com/tuto/lire/574-Creer-des-menus-simples-en-CSS.html#portescoulissantes

Commentaires conditionnels

• http://www.alsacreations.com/astuce/lire/48-commentaires-conditionnels.html

Microformats

• http://www.alsacreations.com/tuto/lire/1213-microformats-introduction.html

Testez la puissance de CSS

• http://www.csszengarden.com

Astuces CSS

• http://www.css-tricks.com/

Sites références

• http://www.siteduzero.com/
• http://www.pompage.net/
• http://alsacreations.com/
• http://openweb.eu.org/

Divers

Testez n’importe quel CMS

• http://www.opensourcecms.com

Palettes graphiques

• http://colorschemedesigner.com/ (nouvelle url)
• http://colourlovers.com/
• http://kuler.adobe.com/

Logiciel « la boîte à couleurs » (pipette)

• http://pourpre.com/colorbox/

Outils pour convertir du pixel vers l’unité « em »

• http://pxtoem.com/

Consulter les taux de pénétration des navigateurs

• Le journal du net : http://www.journaldunet.com/solutions/marche-des-navigateurs/
• Le W3Schools : http://www.w3schools.com/browsers/browsers_stats.asp

Générer une carte Google Map

• http://www.map-generator.org/

Comprendre les formats d’images pour le web (dernier chapitre de l’article)

• http://lddln.mypointcom.net/5-commandements-webmaster/