Explore why CSS is different, how it applies to your problems, and how you can integrate it more smoothly with your work.
Overview
Syllabus
Introduction
- CSS for Developers
- Using GitHub Codespaces with this course
- Why is CSS so weird?
- Declarative vs. imperative languages
- The browser rendering stack
- Sidebar: Browser developer tools
- CSS syntax
- The cascade
- Selector specificity
- What is the CSS box model?
- Logical properties
- Layout and positioning
- CSS-in-JS: Writing CSS without writing CSS?
- CSS-in-JS example: Styled Components and CSS Modules
- Accepting or resisting the cascade
- HTML serves most of your needs
- The layout module flowchart
- Modern CSS to the rescue: Custom properties
- CSS as JS properties
- Accessibility and hiding content with CSS
- Units and sizes
- CSS functions
- Going further
Taught by
Morten Rand-Hendriksen