Workshops
We'll run online workshops (check upcoming workshops ↓) before and after the conference. With them, we aim to give you the same experience and access to experts as with an in-person workshop, without needing to leave your desk. live.
Instead of packing everything into a full day, we break down workshops into 2.5h-segments across days and weeks, so you have enough time to learn and ask your questions, live. Plus, you'll get all workshop materials and recordings, too, so you can learn at your own pace and in your own time.
With so many conferences around the world being cancelled, I’m grateful to have virtually attended a **very informative** @SmashingConf workshop for the past couple days. Even from home, the learning never stops.


You save US$100 if you add a workshop to your conference ticket. Send us a quick email to receive the bundle discount.
Workshops coming up:
- Web Performance Masterclass
with Harry Roberts. Oct 12–26. - Designing for Emotion
Masterclass
with Aarron Walter. Oct 28–29. - Front-End Accessibility
Masterclass
with Marcy Sutton. Nov 6–20 - Designing Websites That Convert
with Paul Boag. Nov 18–26.
- Smart Interface Design Patterns, 2020
Edition
with Vitaly Friedman. Dec 1–15. - Building A Design System With CSS
with Andy Bell. Dec 3–17. - Build, Ship and Extend GraphQL APIs from
Scratch
with Christian Nwamba. Jan 5–19.
-
- Your instructor
-
Sara Soueidan
The Front-End Accessibility Workshop
Full-day workshop • Monday, October 12th
Accessibility doesn’t have to be hard or time-consuming. Once you learn how to think and code inclusively, writing accessible markup becomes second nature, and part of your everyday coding workflow. In this workshop, you will learn how to build UI components with inclusivity baked right into them from the start — from writing proper, semantic HTML, to writing CSS that doesn’t break the accessibility of your UI and adding accessible interactivity with JavaScript. -
- Your instructor
-
Rémi Parmentier
Building Modern HTML Emails Without Going Mad
Full-day workshop • Monday, October 12th
Coding HTML emails is a beast of its own with lots of differences from coding web pages.This workshop will make you reconsider everything you know about coding HTML emails and hopefully make you love the craft.
-
- Your instructor
-
Miriam Suzanne
Resilient Web Systems with CSS & Sass
Full-day workshop • Monday, October 12th
From building beautiful sites to maintaining complex design systems across multiple applications, CSS is the web-language of design.
Join Miriam for a deep-dive into the heart of CSS: how it works, what makes it special, and how we can harness it for resilient and maintainable design systems that scale. Rather than learning a single convention or toolkit, you’ll learn the fundamentals that all conventions share – how to think with CSS, and make smart decisions for your own project. -
- Your instructor
-
Vitaly Friedman
Smart Responsive UX Design Patterns
Full-day workshop • Monday, October 12th
Are you ready for a design challenge? In this workshop, Vitaly Friedman, creative lead and front-end/UI consultant behind Smashing Magazine, will be taking a microscopic examination of common interface components and problems appearing in responsive user interfaces.We’ll be spending an entire day drawing and designing responsive interfaces, starting from accordions, to date/time pickers, sliders, feature comparisons, car configurators all the way to insurance calculators and trip planners.
-
- Your instructor
-
Rachel Andrew
The CSS Layout Masterclass
Full-day workshop • Thursday, October 15th
We’ve been learning CSS and CSS for Layout in the same way since we broke free of table-based layouts in 2001, however CSS has grown-up and over the last few years a proper and consistent system for layout has emerged.
In this all-new workshop Rachel Andrew will take you through this new system for layout, giving you the ability to properly understand and use CSS Layout with real understanding of why things behave as they do. -
- Your instructor
-
Brad Frost
Making and Maintaining Successful Design Systems
Full-day workshop • Thursday, October 15th
Design systems and provide solid ground for us to stand on as we tackle the increasingly diverse and fast-moving digital landscape. This full-day workshop will tackle everything that goes into making and maintaining successful interface design systems. -
- Your instructor
-
Harry Roberts
Front-End Performance: Building Faster Websites
Full-day workshop • Thursday, October 15th
Every case-study, every report, and every bit of feedback always tells us the same thing: speed matters. It’s good for users, it’s good for accessibility, and it’s good for business. But why are modern browsing experiences so slow? If technology is getting better, why are websites getting worse? -
- Your instructor
-
Vitaly Friedman
New Front-End Adventures, 2020 Edition
Full-day workshop • Thursday, October 15th
With HTTP/2, Service Workers, Progressive Web Apps, Variable Fonts, CSS Custom Properties, Client Hints and Resource Hints, Flexbox, CSS Grid Layout, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure out just the right strategy for building websites and apps efficiently.We want to use all of these technologies and smart processes, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?