CSS for Programmers

Explore why CSS is different, how it applies to your problems, and how you can integrate it more smoothly with your work.

Introduction

• CSS for Developers
• Using GitHub Codespaces with this course

1. The Basics

• Why is CSS so weird?
• Declarative vs. imperative languages
• The browser rendering stack
• Sidebar: Browser developer tools
• CSS syntax
• The cascade
• Selector specificity

2. The Box Model

• What is the CSS box model?
• Logical properties
• Layout and positioning

3. CSS-in-JS

• CSS-in-JS: Writing CSS without writing CSS?
• CSS-in-JS example: Styled Components and CSS Modules
• Accepting or resisting the cascade

4. Building Great Markup

• 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

Conclusion

• Going further