Ce repo contient le code écrit durant le cours de html & css à EPSI Lille, session 2016-2017.

L'utilisation de ce repo nécessite l'installation des applications suivantes :

• git
• nodejs + npm
• bower
• ruby
• sass

Downloadez un zip du repo ou clonez le avec git.

Ensuite installez les dépendances avec bower :

cd epsi-arras-html-css-2016-2017
bower install

document-root/
  bower_components/
    bootstrap/
    jquery/
  css/
    *.css
  img/
    *.gif
    *.jpg
    *.jpeg
    *.png
    *.svg
  js/
    *.js
  sass/
    *.sass
    *.scss
  bower.json
  index.html
  *.html

Ouvrez un terminal (cmd sous windows) puis déplacez vous jusqu'au dossier racine (le document-root) de votre projet avec la commande cd.

Pour compiler le fichier style.scss tapez :

sass sass/style.scss css/style.css

Pour demander à sass d'autocompiler dès qu'un changement est détecté tapez :

sass --watch sass:css

• HTML element reference - HTML | MDN
• CSS reference - CSS | MDN
• Sass: Syntactically Awesome Style Sheets
• Bootstrap · The world's most popular mobile-first and responsive front-end framework.

• tester la compatibilité des navigateurs avec une fonctionnalité : Can I use... Support tables for HTML5, CSS3, etc
• validation de code html4 : The W3C Markup Validation Service
• validation de code html5 : Ready to check - Nu Html Checker
• validation de code css : Service de validation CSS du W3C

Voici les sources des médias utilisés.

fichiers : 0a_b9g-rm6w-austin-neill.jpg, 0a_b9g-rm6w-austin-neill-160x106.jpg

sources : Photo by Austin Neill | Unsplash

licence : Creative Commons — CC0 1.0 Universal

fichiers : iconmonstr-check-mark-4-48.png

sources : Check Mark 4 - PNG - iconmonstr

licence : License Agreement - iconmonstr

fichiers : iconmonstr-x-mark-4-24.png

sources : X Mark 4 - PNG - iconmonstr

licence : License Agreement - iconmonstr