Learn HTML & CSS

General Learning:

• [read]
• codecademy.com HTML & CSS [interact]
• [watch][$]
• Front End Web Development: Get Started [watch][$]
• [watch][$]
• HTML and CSS: Design and Build Websites [read][$]
• [watch][$]
• HTML Mastery: Semantics, Standards, and Styling [read][$]
• [read]
• Intro to HTML/CSS: Making webpages [watch]
• [read]
• Learn CSS Layout [read]
• [read]
• MDN: HTML [read]
• [watch]
• Solid HTML Form Structure [watch]
• [watch]
• Resilient Web Design [read]

Mastering CSS:

• [read]
• CSS Diner [interact]
• [read]
• CSS Secrets: Better Solutions to Everyday Web Design Problems [read][$]
• [read]
• CSS3 In-Depth [watch][$]
• [watch]

References/Docs:

• CSS Triggers…a Game of Layout, Paint, and Composite
• cssvalues.com
• Head - A list of everything that could go in the of your document
• MDN CSS Reference

Glossary/Vocabulary:

• CSS Glossary - Programming Reference for CSS Covering Comments, Properties, and Selectors
• HTML Glossary Programming Reference for HTML elements

Standards/Specifications:

• Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification
• The Elements of HTML from the Living Standard
• The HTML Syntax from the Living Standard
• Selectors Level 3

Architecting CSS:

• [read]
• BEM
• OOCSS [read]
• [read][$]
  • Scalable Modular Architecture for CSS (SMACSS) [watch][$]
• rscss

Authoring/Architecting Conventions:

• [read]
• css-architecture
• [read]
• Idiomatic CSS [read]
• [read]
• Standards for Developing Flexible, Durable, and Sustainable HTML and CSS [read]

HTML/CSS Newsletters:

• Frontend Focus

NOTES:

Writing was hot this year. Make sure you are aware of the use case. And why some think it is @gajus/stop-using-css-in-javascript-for-web-development-fa32fb873dcc">overused.