Skip to content

Poetic CSS

  1. CSS Mindset
    1. What is Poetic CSS?
    2. Web on Everything (filmed)
    3. The Program Runs Without Us
    4. Properties Resolve in Context
    5. Parameters not Actions
  2. Brand-name Conventions
    1. The OG conventions (CSS Systems & OOCSS)
    2. Modern variants (SmaCSS, BEM, CUBE, ITCSS)
    3. Pre and ‘post’ processing (Sass, PostCSS)
    4. CSS-in-JS
    5. Utilities… first?
  3. Meaningful Selectors & Cascading Priorities
    1. Write meaningful selectors
    2. Specificity is a heuristic
    3. Narrowing the scope
    4. Building in layers
    5. Order matters in the cascade
    6. Balancing concerns (origins & importance)
    7. Internal balance (context, attachment, and hints)
  4. From Style Sheet to Styled Page
    1. Value types and validation (parsing & filtering)
    2. Inheritance vs the cascade
    3. Explicit defaults
    4. Computed & used values
    5. Computed values inherit
    6. Invalid at computed value time
  5. Resilience & Browser Support
    1. Understanding browser support
    2. Understanding progressive enhancement
    3. No fallback needed
    4. The silent fallback
    5. Support queries
    6. Selector support queries
    7. At-rule support queries?
    8. Polyfills
  6. Poetic CSS
    1. Start broad, get specific (ITCSS)
    2. Think in layers, global to local
    3. Organize by scope & layer
    4. Rely on the defaults
    5. Say what you mean
    6. Everything moves
Additional course details TBD