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:
- 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
-
Marc Edwards
Generative Graphics and Animation with Processing
Full-day workshop • Monday, November 9th
Sometimes the fastest and easiest way to create a design element is by writing a little bit of code. Processing is an ideal way to do just that — it’s a very approachable environment to generate static and animated visuals. -
- Your instructor
-
Rachel Andrew
The CSS Layout Masterclass
Full-day workshop • Monday, November 9th
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
-
Sara Soueidan
The Front-End Accessibility Workshop
Full-day workshop • Monday, November 9th
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
-
Vitaly Friedman
Smart Responsive UX Design Patterns
Full-day workshop • Monday, November 9th
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. In this workshop, 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. -
Architecting Design Systems
Full-day workshop • Thursday, November 12th
Scaling High Quality Design, Code, and Documentation.
Design systems are expanding in organizations, spreading design and code across product teams and influencing decision-making at higher and higher levels. This scale makes it increasingly essential to establish an architecture of a design language and code frameworks that can endure and evolve over time.

- Your instructor
-
Aarron Walter
Designing for Emotion
Full-day workshop • Thursday, November 12th
Feeling burned by repeated privacy breaches, manipulated by misleading information, and bullied by bad actors who alienate and abuse, customers come to our products these days with a range of complicated emotions. Now more than ever, we need to learn how to design for the complex emotions of our customers using foundational principles of design and psychology guided by sound ethics.

- Your instructor
-
Cassidy Williams
React Fundamentals
Full-day workshop • Thursday, November 12th
In this React workshop, Cassidy Williams will teach you the fundamentals of React. By the end of the day you’ll be able to build a React app from the ground with ease.

- Your instructor
-
Vitaly Friedman
New Front-End Adventures, 2020 Edition
Full-day workshop • Thursday, November 12th
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?