Layout Systems
Flexbox and Grid aren't interchangeable. You'll work through cases where each breaks and learn to choose based on content flow, not preference.
Front-End Design
Build interfaces
that work
by building them.
A structured workshop where every concept is introduced through a task — not a slide. You write code, receive feedback, iterate. The gap between knowing CSS and applying it confidently closes through repetition on real problems.
Book a consultationWhat the program covers
Six modules, each scoped around a specific skill gap. Assignments ship with a brief, a starter file, and a working reference solution — available only after you submit your own attempt.
Component Architecture
Scoping styles without a framework. You'll build a small component library from scratch — buttons, cards, form elements — with reuse and override in mind.
Responsive Behaviour
Beyond media query breakpoints — container queries, fluid type, and layouts that degrade gracefully at unexpected viewport widths.
Typography in UI
Type is structure. Assignments focus on hierarchy decisions — when to change weight versus size, how line-height affects spacing perception, variable font basics.
Interaction Design
CSS transitions and animations tied to state — hover, focus, loading. You'll implement accessible motion patterns and learn when animation helps versus distracts.
Accessibility by Default
Colour contrast, keyboard navigation, ARIA labelling — treated as design constraints, not audit checklist items. Real-screen-reader testing included.
"The assignment structure is what made it stick. Each week I handed in something that actually ran in a browser — not notes, not diagrams. Seeing your own mistakes in a working file is different from reading about them."
Tobias Nkemdirim
Lead Instructor
Front-end engineer with 11 years in product teams. Focuses on CSS architecture and design system tooling.
Sébastien Marović
Workshop Facilitator
Specialises in accessibility and interaction. Runs the peer review sessions and the weekly live feedback hour.
What prior experience is required?
Basic familiarity with HTML and CSS — understanding what a tag is, how a stylesheet attaches to a document. No design background needed.
How long does each assignment take?
Most assignments are scoped to 60–90 minutes of focused work. Longer project tasks are broken into checkpoints so you can pause and resume.
Participants from outside Canada?
The program runs entirely online with no geographic restrictions. All materials, feedback sessions, and collaborative tools are accessible from any location.
Access after the workshop ends?
You retain access to all recorded sessions and assignment files. Peer review threads stay open for 60 days after the final session.