Introduction to CSS

Visit: https://css.toolsforteaching.co.uk/ FREE to use

Teaching materials in the GitHub README: https://github.com/SimonRundell/css/blob/main/README.md

  • How to use the app in three modes: teacher-led demo, self-directed activity, homework reference
  • Per-module teaching notes covering:
    • Learning objectives with approximate time allocations
    • Key concepts to emphasise
    • Scripted classroom walkthrough using the app’s playgrounds
    • Discussion prompts for class
    • Common pitfalls (especially useful: sticky gotchas, stacking context traps, px vs rem accessibility)
  • A dedicated Common Student Misconceptions table (10 entries) — useful as a quick reference when answering questions
  • Assessment ideas — both formative in-class tasks keyed to specific modules and four summative mini-project briefs