Tous les articles du mot-clef : astuces

Les Doigts dans le Web #5 : ressources HTML & CSS

Les Doigts dans le Web #5 : ressources HTML & CSS

Dans cet article, je vous partage la liste des ressources que j’utilise dans le cadre du cours HTML & CSS que je donne sur Marseille. Le temps est une denrée de plus en plus rare! Je suis actuellement bien occupée mais je ne vous abandonne pas. C’est pourquoi j’ai eu l’idée de vous partager cette longue liste de sites web, réalisée au départ pour le cours que je donne à l’INFA. 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… Il s’agit là de la vraie liste que je donne à mes élèves! 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...

Utiliser une image sur une liste HTML

Utiliser une image sur une liste HTML

L’idéal pour personnaliser une liste HTML serait de pouvoir utiliser sa propre image à la place de la puce. C’est un besoin très répandu qui amène de mauvaises pratiques chez certains webmasters.

Pourtant, il préférable de connaître la façon « académique » de faire, cela vous fera gagner beaucoup de temps.

Page 1 sur 3123