Liens utiles.

• Appel aux feuilles de styles CSS :
  • méthode traditionnelle et méthode import : http://www.alsacreations.com/actu/lire/160-link-ou-import.html
  • méthode d'application de CSS en fonction du media : http://www.alsacreations.com/article/lire/930-css3-media-queries.html
• Fichier reset.css : principe et mise en place
  • http://meyerweb.com/eric/tools/css/reset/
• Principe des positionnements absolus, relatifs et flottant, notion de sortie du flux html http://www.alsacreations.com/tuto/lire/608-initiation-positionnement-css.html
• Principe de restauration du flux html
  • méthode : "overflow hidden" : http://www.quirksmode.org/css/clearing.html
  • méthode "classique" : http://www.aidenet.com/css/css38m.htm
• Polices non système embarquées :
  • Polices libre de droit google : http://www.google.com/webfonts
  • Générateur de police : http://www.fontsquirrel.com/fontface/generator
• Outils d'aide CSS 3 :
  • Générateur d'arrondis : http://border-radius.com/
  • Générateur de dégradés CSS 3 : http://www.display-inline.fr/projects/css-gradient/#startType=hex&startValue=aaeeff&endType=hex&endValue=3399cc
• Générer du contenu en CSS : "content" : http://css-tricks.com/6555-css-content/
• Les sélecteurs CSS 3 : http://debray-jerome.developpez.com/articles/les-selecteurs-en-css3/
• Ressources/tutoriaux en JS, CSS, HTML :
  • http://tympanus.net/codrops/
  • http://www.scoop.it/t/webdesigner/p/3658456/50-free-tools-and-apps-for-web-designers-and-developers-speckyboy-design-magazine
  • http://tutorialzine.com/
  • http://html5demo.braincracking.org/
  • http://www.thecssawards.com/
  • http://devtype.fr/hacks/hacks-css-ie-firefox-safari-opera
  • http://www.splashnology.com
  • http://www.splashnology.com/article/responsive-web-design-toolbox-50-handy-tools-and-services/2632/
  • http://www.no-margin-for-errors.com
  • Mise en place d'un javascript d'aide au remplissage des formulaires http://www.webcssdesign.com/ajax/jquery-validation-formulaire/
• Media queries : print et responsive
  • CSS et print : http://edutechwiki.unige.ch/en/CSS_for_print_tutorial
  • Media queries et responsive design : http://www.alsacreations.com/article/lire/930-css3-media-queries.html
  • Mobile first : http://pascalemorneau.com/mobile_first.php
• Javascript : ressources en plugins
  • http://tympanus.net/codrops/category/tutorials/
  • https://plugins.jquery.com/
  • http://www.unheap.com/

Ergonomie Web 

• Synthèse de l’ouvrage d’Amélie Boucher : « Ergonomie Web » [Editions Eyrolles]
  • Télécharger le fichier (ergonomie-web2.rtf 528,48 Ko 2014-11-10 17:34:53 eric emery)

Bonnes pratiques et qualité web

• Bonnes pratiques Opquast : la "bible" ou vous retrouverez tous les points étudiés dans ce TP
  • Version pdf https://data.oqs-cdn.com/checklists/11/OPQUAST-QUALITY-BEST-PRACTICES_V2.1.pdf
  • Version web http://checklists.opquast.com/fr/oqs-v2

Outils d'audit 

• Navigateur web moderne (tout sauf IE)
• Console de développement intégrée dans les navigateurs Firefox/Chrome/Safari
• Internet Explorer 10 (permet de simuler les versions précédentes)
• Opquast reporting : l'inspecteur https://reporting.opquast.com/fr/
• Validateur W3C : http://validator.w3.org/
• Simulateur mobile et tablettes : http://www.responsinator.com/
• Remontée dans le temps : http://archive.org/web/
• Tests de performances : https://developers.google.com/speed/pagespeed/insights/