CSS Demystified Full Curriculum

  1. Welcome to CSS Demystified!

    1. Welcome to CSS Demystified!
    2. Join the Community

  2. The CSS Mindset

    1. Introduction to this module
    2. CSS is different by design
    3. The global nature of CSS
    4. Working with the cascade
    5. Taking control of the cascade
    6. Nothing works in isolation
    7. Embrace the default behaviours
    8. Working with the browser
    9. A collection of layout modes
    10. How to choose what unit to use
    11. The curious case of relative units
    12. Design Implementation
    13. CSS Resets
    14. Module wrap-up

  3. Making sense of layouts

    1. Everything is a layout
    2. Not all boxes are created equal
    3. Generated boxes
    4. Physical and logical properties
    5. Skill Builder: The box model
    6. Margins are kind of strange
    7. Strategies for dealing with margins
    8. overflow: tacos is back
    9. Working with images
    10. Layout and content
    11. Why do we have so many layout features
    12. The basics of Grid
    13. Structured layouts with Grid
    14. Keeping Grid simple
    15. Trouble shooting the side effects of Grid
    16. What is really going on with Flexbox?
    17. Flexbox vs. Grid
    18. Design Implementation

  4. Fluid, intrinsic, and responsive design

    1. Introduction to the module
    2. Making things fluid
    3. Constraining Fluid Values
    4. Intrinsic Design
    5. Multicolumn
    6. Media queries, breakpoints, and the path of least resistance
    7. Media queries and units
    8. Media queries aren’t only for breakpoitns
    9. Getting started with container queries
    10. Container queries are smart
    11. Dealing with multiple containers
    12. They can all work together
    13. Design Implementation
    14. Advanced intrinsic patterns

  5. The Appendix

    1. Introduction to the appendix
    2. CSS Syntax
    3. Selectors & Combinators
    4. Specificity
    5. Custom Properties
    6. CSS Nesting
Enroll Now