Liens et astuces pour développer un site web… en vrac
La base:
http://www.w3schools.com/
Les images:
http://fr.openclassrooms.com/informatique/cours/debuter-dans-l-infographie-avec-gimp/les-formats-d-image
Les fonts web-safe:
http://www.w3schools.com/cssref/css_websafe_fonts.asp
Avec ou sans serif? http://fr.wikipedia.org/wiki/Empattement_(typographie)
Vous avez trouvé de chouettes fonctionnalités sur internet? OK mais sont-elles compatibles avec les browsers du moment et ceux encore utilisés? http://caniuse.com/
On utilise les CSS
http://css.mammouthland.net/
Plusieurs images de background: http://www.alsacreations.com/tuto/lire/814-css3-background-image-multiple.html
ou http://www.css3.info/preview/multiple-backgrounds/
Gérer la taille de l’image:
http://tassedecafe.org/1175-responsive-redimensionner-image-css-conserver-ratio.html
On passe à l’html5 et au responsive:
le contexte: https://speakerdeck.com/smashingmag/responsive-web-design-clever-tips-and-techniques
http://objetdirect.developpez.com/tutoriels/css/responsive-design/
Travailler la taille des fonts en mesure « em » – table de conversion: http://pxtoem.com/
L’outil ultime pour faire des fonds en dégradé sans utiliser des images avec retro-compatibilité: http://www.cssmatic.com/gradient-generator
Un tableau structuré: http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3/un-tableau-structure