Skip to content

Poetic CSS

This is the dashboard view.

Course Modules

  1. Poetic CSS Mindset

    CSS is a domain-specific programming language, with a goal of universal access, which works different from general purpose languages.

    • Why is CSS different?
    • What we control, and what we don’t
    • Using context and subtext

  2. Cascading Priorities

    Managing the scope and priority of styles is such a fundamental feature that it’s in the name of the language. The cascade is the basis for everything else:

    • Writing modular selectors
    • Managing priority in conflicts
    • Avoiding conflicts when possible

  3. Contextual Values

    There are a range of subtle errors that we can avoid (or fix) by understanding CSS typed values, and the process they take from stylesheet to rendered page.

    • When inheritance happens
    • Explicit defaults
    • Late validation surprises

  4. Resilient Systems

    The web is designed to work across a range of browsers & devices with different capabilities – and CSS has tools to help.

    • Browser support
    • Modern approaches
    • Simple fallbacks

  5. Naming & Organizing

    There are a number of popular CSS conventions, but which ones are useful, and will work for your team?

    • What problems are they solving?
    • What do they share?
    • OddBird’s “Poetic” approach