CSS Demystified Full Curriculum
-
Welcome to CSS Demystified!
- Welcome to CSS Demystified!
- Prerequisites & what you need
- A quick tour of the platform
- Putting your skills to the test
- The Appendix
- Join the Community
-
The CSS Mindset
- Introduction to this module
- CSS is different by design
- The global nature of CSS
- Working with the cascade
- Taking control of the cascade
- Nothing works in isolation
- Embrace the default behaviours
- Working with the browser
- A collection of layout modes
- How to choose what unit to use
- The curious case of relative units
- Design Implementation
- CSS Resets
- Module wrap-up
-
Making sense of layouts
- Everything is a layout
- Not all boxes are created equal
- Generated boxes
- Physical and logical properties
- Skill Builder: The box model
- Margins are kind of strange
- Strategies for dealing with margins
- Skill Builder
- Working with images
- Layout and content
- Why do we have so many layout features
- The basics of Grid
- Structured layouts with Grid
- Keeping Grid simple
- Trouble shooting the side effects of Grid
- The basics of Flexbox
- What is really going on with Flexbox?
- Flexbox vs. Grid
- A common Flexbox misconception
- Design Implementation
-
Fluid, intrinsic, and responsive design
- Introduction to the module
- Responsive Mode
- Making things fluid
- Constraining Fluid Values
- Intrinsic Design
- Multicolumn
- Media queries, breakpoints, and the path of least resistance
- Media queries and units
- Media queries aren’t only for breakpoitns
- Getting started with container queries
- Container queries are smart
- Container query limitations
- Dealing with multiple containers
- They can all work together
- Design Implementation
- Advanced intrinsic patterns
- Quick update to our CSS Reset
-
The Appendix
- Introduction to the appendix
- CSS Syntax
- Selectors & Combinators
- Specificity
- Custom Properties
- CSS Nesting
Enroll Now