HTML & CSS / Maintainable presentation systems

HTML & CSS β€” Maintainable presentation systems

Architecture, tokens, performance, enhancement, interaction, and print.

6 lessons Β· No account required

What you will learn

  • Architecture, tokens, performance, enhancement, interaction, and print.

  1. CSS architecture and cascade layers

    Give styles explicit ownership and ordering so components can evolve without escalating selector complexity.

    Start learning

  2. Custom properties and adaptable themes

    Use custom properties as contextual design values while understanding inheritance, fallback behavior, and theme contrast.

    Start learning

  3. Rendering costs and visual stability

    Measure loading and rendering with a representative task, then improve the dominant cost while preserving accessible content and behavior.

    Start learning

  4. Progressive enhancement and container queries

    Build a usable baseline, add supported presentation features, and adapt components to their own available space.

    Start learning

  5. Accessible disclosure and interaction patterns

    Choose native interaction where suitable, keep state and focus coherent, and recognize where HTML/CSS alone cannot implement a complete widget.

    Start learning

  6. Printing and paged media

    Design a useful printed document with explicit content, readable pagination, and verified print behavior rather than assuming the screen layout transfers unchanged.

    Start learning
Back to course