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/

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)

  • Les 5 Commandements du webmaster débutant
Diffusez ce contenu sur vos réseaux
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Share on Facebook
Facebook

Youcef Kébaïli

Consultant en référencement, chef de projet Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Avec ce blog, ma mission est d'aider les entrepreneurs, qui ne sont pas spécialistes du web, à réussir leur propre site, et qu'il soit surtout visible !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *