Semantic html

Good reads about "Divitis"

• video introduction to semantic web: https://www.youtube.com/watch?gl=GB&hl=en-GB&v=OGg8A2zfWKg

• Nice course on HTML5 https://www.edx.org/course/html5-part-1-html5-coding-essentials-w3cx-html5-1x-1

• https://www.smashingmagazine.com/2013/01/the-importance-of-sections/#the-problem-with-div

• https://codepen.io/mi-lee/post/an-overview-of-html5-semantics

• HTML5 Outliner (Chrome plugin) https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo

• Tota11y (accessibility visualization toolkit) http://khan.github.io/tota11y/

CSS stuff

• BEM naming convention:
  • https://css-tricks.com/bem-101/
  • http://getbem.com/naming/
• SMACSS (Scalable and modular architecture for CSS)
  • https://smacss.com/