Techniques CSS modernes

Les outils

Firefox

https://www.mozilla.org/fr/firefox/new/

(Developer Edition)

Pourquoi CSS est si bizarre ?

https://www.youtube.com/watch?v=aHUtMbJw8iA

A voir absolument

Les outils

Reset CSS Moderne (par Andy Bell)

https://hankchizljaw.com/wrote/a-modern-css-reset/

+ quelques modifications personnelles

Emmet

https://emmet.io/

pour coder plus vite que mon ombre

Premier projet

En 40 lignes de CSS

Premier projet

Notions abordées

 

  • CSS Grid
  • Flexbox
  • Custom properties (variables CSS)

Second projet

Second projet

Notions abordées

  • CSS Grid
  • Custom properties
  • Variable Fonts
  • Multi-columns module
  • Object fit

Ressources

Ressources

Ressources

Des questions ?

Techniques CSS modernes

By Benoist Lawniczak

Techniques CSS modernes

AFUP Tours - 23/01/2020

  • 743