Workshops
Our online workshops aim to give the same experience and access to experts that you would have in an in-person workshop, without needing to leave your desk or couch. All video recordings are included, so if you miss a session, you can re-watch any time.
Jump to all upcoming workshops ↓
Follow along with practical examples and interactive exercises. Ask questions during Q&A and use workshop recordings and materials to study at your own pace, at your own time.
Blown away by all the knowledge I've soaked in from @rachelandrew's online CSS layout masterclass. Incredible how much you can learn about a thing you thought you already knew just by hearing it explained again. Thanks for organising this @smashingconf #smashingconf ✨
- Your instructor
- Yuval Keshtcher
The Fundamentals of UX Writing Workshop
with Yuval Keshtcher
Workshop, 4×2h + Q&A • Wed & Thu, May 18–26 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Have you ever thought about what it’s like to actually work as a UX writer or content designer? Do you want to break into this booming field but aren’t sure where to start?
Maybe you’re worried about that old Catch-22: you want to gain experience so you can land a UX writing job, but you can’t get a job without experience.
If this sounds familiar, we’ve got a solution for you: our new Fundamentals of UX Writing Workshop.
- Your instructor
- Rinaldo Ugrina
UX for Mobile eCommerce Masterclass
with Rinaldo Ugrina
Workshop, 5×2h + Q&A • Mon & Tues, May 23 – June 6 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Want to become a better UX designer, recognize and fix common (mobile) UX problems with ease? In this UX for Mobile eCommerce Masterclass, Rinaldo will provide you with a lot of eCommerce samples, combined with practical applications, based on four common eCommerce chapters.
- Your instructor
- Amit Sheen
Pushing CSS to The Limit
with Amit Sheen
Workshop, 4×2h + Q&A • Wed & Thu, May 25 – June 2 2022
09:00 – 11:30 AM PT• 18:00 – 20:30 CET • Check your time zone ⏰
Let’s take a deep dive into the world of perspective and movement, and open ourselves to a new dimension (literally) of CSS. This is a fully ‘Hands-on’ workshop, where we learn how to harness the power of CSS to add depth to our elements and spice up our designs with animated 3D buttons, menus, info cards, interactions, text and titles, and more…
This comprehensive workshop covers everything from the very basic concepts, to complex moving structures, step by step, with detailed breakdowns for each major topic, great sample projects, and tons of live coding.
- Your instructor
- Gerry McGovern
Designing Better UX With Top Tasks
with Gerry McGovern
Workshop, 5×2.5h + Q&A •Wed & Thu, June 1–15 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
If you’re designing or managing a large, complex website or app, how do you know what really matters? How do you clearly identify what really doesn’t matter—the often political or vanity stuff that is getting in the way?
Once you’ve identified what really matters, how do you ensure that these top tasks are easy to find? How do you ensure that they are easy to complete? As you change your website or app, how do you know that things are actually getting better.
- Your instructor
- Vitaly Friedman
Smart Interface Design Patterns, 2022 Edition
with Vitaly Friedman
Workshop, 5×2h + Q&A • Fri & Thu, June 3–17 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Are you ready for a design challenge? In this series of online workshops, Vitaly Friedman, creative lead behind Smashing Magazine, will be taking a microscopic examination of common components and design patterns in modern interfaces — on desktop and on mobile.
We’ll study 100s of hand-picked examples and we’ll be designing interfaces together, starting from accordions, hamburger navigation, to enterprise tables, dashboards, sliders, feature comparisons and onboarding — all the way to timelines and multi-page web forms. And: We’ll be reviewing and providing feedback to each other’s work.
- Your instructor
- Christine Vallaure
Figma Workflow Masterclass
with Christine Vallaure
Workshop, 5×2.5h + Q&A • Thu & Fri, July 7–22 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Ever handed off this fantastic design to development and then wasn’t quite so happy (putting it politely) when seeing it in the browser? Do you have some experience with designing, but don’t know how to set up your project in such a way to get your ideas across? Then this workshop might be just right for you.
- Your instructor
- Steph Troeth
Effective Usability Testing
with Steph Troeth
Workshop, 5×2h + Q&A • Mon & Tue, July 11–25
10:00 AM – 12:30 PM PT • 19:00 – 21:30 CET • Check your time zone ⏰
How do you know what you’re designing is going to be usable—or understandable by your users? How can we decide if a feature is worth building?
Conducting usability testing can help you prioritise product features and make decisions on where to focus your design or development efforts. In this workshop, you’ll learn how to conduct effective usability tests.
- Your instructor
- Denys Mishunov
DevOps Masterclass
with Denys Mishunov
Workshop, 5×2h + Q&A • Tue & Wed, June 21 – July 5 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
This workshop will guide you through the fundamentals of DevOps, when to apply it, and what to keep in mind. Most importantly, the workshop will allow you to experience DevOps in practice by following the whole process in real-time on your computer from the comfort of your own home office or a couch.
- Your instructor
- Stephanie Eckles
Level-Up With Modern CSS
with Stephanie Eckles
Workshop, 5×2h + Q&A • Mon & Tue, July 11–25 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Modern CSS has increased and improved the available CSS properties and layout behaviors, with modern browsers nearly in-sync for critical feature support. But — if you haven’t looked into CSS in a while, or have typically relied on frameworks to do the heavy lifting, it can seem overwhelming to figure out how to level-up your CSS skills!
Throughout this workshop, we’ll create our own CSS framework in order to learn about what modern CSS has to offer us.- Your instructor
- Vitaly Friedman
Interface Design Patterns UX Training
with Vitaly Friedman
Live UX training + video course • Sep 9 – Oct 7, 2022
09:00 – 11:30 AM PT• 18:00 – 20:30 CET • Check your time zone ⏰
Roll up your sleeves — it’s time to brush up your UX skills! How would you architect an effective multi-level navigation for a large government website? What about enterprise-grade tables with intricate forms, filters and search? Or perhaps a neat seat selection UI for a Formula 1 Grand Prix? Well, fasten your seat belt!
In a jam-packed 4-weeks UX training with Vitaly Friedman, you’ll learn how to deal with real-life UX challenges from the ground up. Get ready: you’ll sail uncharted waters, designing truly complex interfaces and receiving feedback from people around the world. Plus: you’ll get a UX certificate for all your hard work as well.
Our Previous Workshops
Workshop, 1×2.5h + Q&A
What does it take to boost the web performance of our websites and applications in 2022? How do we deal with web fonts, images and videos, third-party scripts, CSS and JavaScript delivery in times of Core Web Vitals and HTTP/3? In this 2.5h-long session, we’ll look into some of the useful front-end techniques to keep in mind when optimizing for performance and Core Web Vitals in 2022.Boosting Web Performance in 2022 🇺🇦
with Vitaly Friedman
Workshop, 5×2h + Q&A • Tue & Wed, May 3–17 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Back by popular demand, Harry is going to share some of his closest secrets. Over the course of several sessions, we’ll take a journey from the back-end to the front, auditing the performance of real websites.Web Performance Masterclass
with Harry Roberts
Workshop, 5×2h + Q&A • Thu & Fri, Apr 21 – May 5 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Have you been ogling the beautiful interactive data visualizations on news sites like the New York Times? Do you need to code up charts to make data tangible for a website or dashboard?
There’s data about everything these days, and being able to craft it into a story is a real superpower. In this workshop, Amelia will give you all the tools you need to build your own stunning data vizualizations!Data Visualization Masterclass
with Amelia Wattenberger
Workshop, 5×2h + Q&A • Tue & Wed, Apr 19 – May 3 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
TypeScript is an open-source language that builds on JavaScript by adding static type definitions. The flood of information on TypeScript, let alone the number of opinions on TypeScript, can be overwhelming.
Stefan Baumgartner, author of “TypeScript in 50 Lessons” lets you approach TypeScript from a JavaScript developer’s point of view. Go from beginner to expert and learn about type systems and how they can be used to define complex JavaScript scenarios. A workshop for all JavaScript developers: for people who are new to TypeScript or know it fairly well, and would like to boost their TypeScript skills.The TypeScript Masterclass
with Stefan Baumgartner
Workshop, 1×1.5h + Q&A • Wed, April 13 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
With a base of millions of merchants around the world, Shopify is a perfect platform for front-end developers to learn about building themes for online stores.
Following this practical workshop you’ll be able to set up a local development environment and edit theme code to customize an example storefront. We’ll also explore Shopify’s Liquid templating language and learn how it can be leveraged to display dynamic store content.Introduction to Working With Shopify Themes
with Liam Griffin
Workshop, 5×2h + Q&A • Mon & Tue, Apr 18 – May 2 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Design systems provide solid ground for us to stand on as we tackle the increasingly diverse and fast-moving digital landscape. This workshop will tackle all that goes into creating and maintaining successful design systems.Creating and Maintaining Successful Design Systems
with Brad Frost
Workshop, 5×2h + Q&A • Thu & Fri, April 7–22 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
“Oh, and by the way, the site has to be accessible!” — Wait! What? How? What does accessible even mean? Semantic HTML, right? Is there more? How do I test accessibility? Do I need special hard- or software? Are there tools I can use? How do I discover and fix accessibility bugs? How do I assure my site stays accessible? Can I automate testing? …
So many daunting and overwhelming questions, if you don’t know how to get started. Manuel Matuzović guides you through the first steps and takes a deep dive into automated and manual accessibility testing.Deep Dive On Accessibility Testing
with Manuel Matuzović
Workshop, 4×2h + Q&A • Wed & Thu, April 6–14 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Not much can surprise us when it comes to interface challenges. We can design a decent card, a well-rounded accordion, an accessible modal and an exquisite hamburger navigation. But what if there are slightly more complex UX challenges ahead of us?
Well, complex UI doesn’t have to be complicated. In this online workshop with Vitaly Friedman, UX consultant and creative lead behind Smashing Magazine, we’ll dive deep into dissecting how to solve complex design problems. Whether you’re working on a complex nested multi-level navigation or creating enterprise grade tables, this workshop will give you the tools you need to excel at your work.Designing For Complex UI Masterclass
with Vitaly Friedman
Workshop, 5×2h + Q&A • Tue & Wed, March 22 – April 5 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Front-end accessibility is as important as it’s ever been, as more of the products and services users depend on have moved online – things like paying bills, shopping, education, and more. Without accessibility, people with disabilities will encounter barriers that prevent them from using these kinds of experiences.Accessibility In Modern Applications
with Marcy Sutton
Workshop, 1×1.5h + Q&A • Thu, March 17 2022
8:00 – 9:30 AM (London)• 9:00 – 10:30 AM (Berlin) • 4:00 – 5:30 PM (Singapore) • 7:00 – 8:30 PM (Sydney) • Check your time zone ⏰
Get hands-on with Hydrogen, a React-based framework powered by Shopify. In this workshop, we’ll explore the framework and get a custom storefront up and running. You’ll learn how (and when) to leverage React Server Components and caching mechanisms to build fast, dynamic, custom storefronts.Building Headless Storefronts on Shopify with Hydrogen
with Scott Dixon
Workshop, 4×2h + Q&A • Thu & Fri, March 3–11 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
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.Architecting Design Systems
with Nathan Curtis
Workshop, 5×2h + Q&A • Tue & Wed, March 1–16 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
In this workshop you’ll learn what ethical design entails, how to advocate for it in your organisation (basically “convince your boss!”) and last, but not least, the practical framework and toolset that enables you to apply ethical design in your work.Ethical Design Masterclass
with Trine Falbe
Workshop, 4×2h + Q&A • Thu & Fri, Feb 24 — Mar 4 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
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.Building Modern HTML Emails
with Rémi Parmentier
Workshop, 4×2h + Q&A • Tue & Wed, Feb 8–16 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
Nobody likes broken web applications. To ensure it doesn’t happen, we use front-end testing in various flavors — unit testing, integration testing, regression testing, to name a few.
You might be just starting out with testing, and want to know where and how to start. Or maybe you already have some tests in place — but want to write better tests. Either way, this workshop is for you, as it introduces you to the cypress.io Test Runner and teaches writing realistic tests that are readable, reliable, and fast.Front-End Testing Masterclass
with Gleb Bahmutov
Workshop, 5×2h + Q&A • Thu & Fri, Feb 3–17 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰
With HTTP/3, ES Modules, Jamstack, PWA, TypeScript, WebAssembly, AVIF, JPEG-XL, Variable Fonts, CSS Custom Properties, Logical Properties andclamp(), Client Hints and Resource Hints, CSS Container Queries, 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 that within a reasonable amount of time?
We’ll explore a resilient, actionable strategy for building fast, scalable experiences. We’ll look into accessibility, text compression, image optimization, web font delivery, critical CSS, CSS layouts, JavaScript delivery, and improving Core Web Vitals along with performance bottlenecks. We will also explore tooling, how to make sense of DevTools network waterfalls and performance flame charts, WebPageTest, and a few little utilities along the way.New Adventures In Front-End, 2022 Edition
with Vitaly Friedman
Workshop, 5×2h + Q&A • Thu & Fri, Jan 20 – Feb 3 2022
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Digital accessibility is the practice of making products — such websites and apps — accessible to everyone, including those with disabilities. But accessibility is often an afterthought at the end of a project when a user submits a bug or when legal issues arise — if it is thought of at all.
While digital accessibility can be difficult or frustrating to a lot of people, it doesn’t have to be. By learning a few front-end techniques, utilizing targeted accessibility tools, and making small changes to your everyday workflow, you can have a huge impact on making the digital world more inclusive — without crushing your creativity or sacrificing your sanity!Accessible Front-End Patterns Masterclass
with Carie Fisher
Workshop, 2×2.5h + Q&A • Thu & Fri, Dec 2–3 2021
09:00 – 12:00 AM PT (Pacific, US) • 18:00 – 21:00 CET (Europe)
Navigation is everywhere on the web — in accordions, in hamburger menus, mega-dropdowns, bottom bars, tabs, carousels, filters and search. Sometimes they open on tap, sometimes on click, sometimes on hover. Sometimes they open and collapse automatically, and sometimes auto-apply or patiently wait for a manual confirmation.
But what’s the right way to pave a clear path to your customers while also reaching your business goals and drive traffic and engagement along the way?Designing The Perfect Navigation
with Vitaly Friedman
Workshop, 5×2h + Q&A • Tue & Wed, Nov 30 – Dec 14 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Design systems provide solid ground for us to stand on as we tackle the increasingly diverse and fast-moving digital landscape. This workshop will tackle all that goes into creating and maintaining successful design systems.Creating and Maintaining Successful Design Systems
with Brad Frost
Workshop, 4×2h + Q&A • Mon & Tue, Nov 29 – Dec 14 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Calling CSS custom properties “CSS variables” buries the lede. Sure, they can be used as simple variables, in the same way as Sass variables, but using custom properties for fonts and colors is only utilizing a tiny fraction of their power.
Used to their full extent, CSS custom properties can facilitate better collaboration and code reuse, improve maintainability, and downright enable possibilities that previously required large amounts of hard-to-maintain Javascript and violated separation of concerns. They truly are a revolution in the way we write CSS, whose potential is still largely untapped. Now that they are finally supported by every modern browser, there is no excuse not to dive in.Dynamic CSS Masterclass
with Lea Verou
Workshop, 6×2h + Q&A • Tue & Wed, Nov 9–24 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
With its flexibility and intuitive APIs, Next.js has taken the React ecosystem by assault. But as it is such a powerful tool, it can become confusing when developing non-trivial web applications.
You can get up and running with the generic setup — via various guides available — but often that is not enough. In this workshop, we will walk through the creation of a complex application with all bells and whistles. You know, the type of high-end production-grade web app which can make every stakeholder (and user - most importantly) happy and satisfied.
In the workshop we will cover everything from tooling to performance, and from UI straight up to security, so you are ready to take up your own after.Next.js Black Belt 🥋
with Átila Fassina
Workshop, 5×2h + Q&A • Thu & Fri, November 4–18 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
“Oh, and by the way, the site has to be accessible!” — Wait! What? How? What does accessible even mean? Semantic HTML, right? Is there more? How do I test accessibility? Do I need special hard- or software? Are there tools I can use? How do I discover and fix accessibility bugs? How do I assure my site stays accessible? Can I automate testing? …
So many daunting and overwhelming questions, if you don’t know how to get started. Manuel Matuzović guides you through the first steps and takes a deep dive into automated and manual accessibility testing.Deep Dive On Accessibility Testing
with Manuel Matuzović
Workshop, 5×2h + Q&A • Wed & Thu, Nov 3–17 2021
09:00 – 11:30 AM PT (Pacific, US) • 17:00 – 19:30 CET (Europe)
Learn how to apply recent research in brain and behavioral science and behavioral economics to engage, encourage, and persuade the people that use your products and services.
In this workshop, Susan and Guthrie share the latest research on what grabs and holds attention, how people make decisions, how context affects behavior, and what motivates people to take action.Behavioral Design Workshop
with Susan Weinschenk, Guthrie Weinschenk
Workshop, 2×2h + Q&A • Thu & Fri, October 28–29
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
The Headless setup is changing the way we create websites, giving us great flexibility when choosing the technology and its use. In this free workshop from our friends at Storyblok, Alba Silvente and Christian Zoppi will teach you how to migrate a WordPress site to the Storyblok Headless CMS.
You will be able to improve the performance of your site, increase the dynamic content that your content creators will be able to use, and increase your development productivity. Alba and Christian will show you how to migrate content from your WordPress site, and leverage the potential of Storyblok to create reusable blocks and custom workflows.How To Migrate From WordPress To A Headless CMS
with Alba Silvente
Workshop, 5×2h + Q&A • Tue & Wed, October 5–20 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Modern CSS has increased and improved the available CSS properties and layout behaviors, with modern browsers nearly in-sync for critical feature support. But — if you haven’t looked into CSS in a while, or have typically relied on frameworks to do the heavy lifting, it can seem overwhelming to figure out how to level-up your CSS skills!
Throughout this workshop, we’ll create our own CSS framework in order to learn about what modern CSS has to offer us.Level-Up With Modern CSS
with Stephanie Eckles
Workshop, 5×2h + Q&A • Tue & Wed, Oct 5–19 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Landing Pages are a brilliant medium to sell a product or service directly. These days, getting a landing page built is no longer an obstacle. However, the question is how to orchestrate, structure and present content to get the point across and effectively persuade the visitor to act.
This workshop will go in detail exploring exactly which landing page components we need, how to design them, how to lay them out, how to make them shine and speak to our customers, and how to declutter the unnecessary to let the necessary speak.
We’ll also look into common issues, obstacles and challenges all around landing pages, and spend enough time looking into your questions on how to improve the landing pages that you might already have.Designing Landing Pages That Sell
with Rob Hope
Workshop, 1×2h + Q&A • Monday, September 27, 2021
09:00 – 12:00 AM PT (Pacific, US) • 18:00 – 21:00 CET (Europe)
You’ve seen them before. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another.
Perhaps it’s a birthday selector dropdown that always starts in 2021, or a disabled submit button that never communicates what’s actually wrong, or tooltips that — once opened — always cover the input field just when you need to correct a mistake. They are everywhere, and they are annoying, often tossing us from one dead-end to another, in something that seems like a well-orchestrated and poorly designed mousetrap.Frustrating Design Patterns in 2021, And How To Fix Them
with Vitaly Friedman
Workshop, 4×2h + Q&A • Thu & Fri, September 16–24 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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.Building Modern HTML Emails
with Rémi Parmentier
Workshop, 5×2h + Q&A • Tue & Wed, September 14–28 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
According to the State of Javascript 2020 survey, Vue.js is one of the frameworks developers are most interested to learn. If you always wanted to get to grips with it but didn’t know where to begin, this workshop is for you.
Natalia, Vue.js core team member, will teach you how to get started with Vue.js, from setting up the infrastructure to building a full application.Vue.js: The Practical Guide
with Natalia Tepluhina
Workshop, 2×2h + Q&A • Thu & Fri, September 16–17
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
The Jamstack can be an excellent way to power eCommerce sites. In this free workshop from our friends at Netlify, Nick de Jesus will walk you through how to create fast, reliable, and content-rich Jamstack sites using Next.js, Netlify, Stripe, and Prismic.How to Build Content-Rich eCommerce Sites with Next.js and the Jamstack
with Nick DeJesus
Workshop, 2×2h + Q&A • Tue & Wed, September 14–15
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Finding, fixing, and preventing accessibility issues doesn’t have to be hard. It can actually be quite easy for dev teams to make a big impact.
In this 2-day workshop by our friends at Deque, you will learn useful tips and tools for how to build more accessible websites and why it’s so important. You may not realize how much good you can do with very little effort. You can actually catch the majority of issues (57% - triple the industry average) in browser testing alone. Don’t worry, it’s not using one of those sketchy overlays.How To Find, Fix, And Prevent Accessibility Issues
with Preety Kumar, Harris Schneiderman
Workshop, 4×2h + Q&A • Thu & Fri, Sep 2–10 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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.Architecting Design Systems
with Nathan Curtis
Workshop, 2×2.5h + Q&A • Tue & Wed, Aug 31 – Sep 1 2021
09:00 – 12:00 AM PT (Pacific, US) • 18:00 – 21:00 CET (Europe)
Navigation is everywhere on the web — in accordions, in hamburger menus, mega-dropdowns, bottom bars, tabs, carousels, filters and search. Sometimes they open on tap, sometimes on click, sometimes on hover. Sometimes they open and collapse automatically, and sometimes auto-apply or patiently wait for a manual confirmation.
But what’s the right way to pave a clear path to your customers while also reaching your business goals and drive traffic and engagement along the way?Designing The Perfect Navigation
with Vitaly Friedman
Workshop, 2×2h + Q&A • Wed & Fri, August 18 & 20, 2021
09:00 – 12:00 AM PT (Pacific, US) • 18:00 – 21:00 CET (Europe)
Nobody wakes up in the morning hoping to finally create a new account that day. Just because nobody loves filling in web forms: they don’t have a decent reputation, and rightfully so.
Very often they are inaccessible and difficult to use, with awkward live validation and notorious error messages; not to mention a birthday date-picker starting from 2021, a tiny newsletter checkbox, disabled “submit” buttons and horrendously evil CAPTCHAs in the disguise of street signs and crosswalks. So let’s fix web forms for good!Designing The Perfect Web Forms
with Vitaly Friedman
Workshop, 5×2h + Q&A • Thu & Fri, August 5–19 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
TypeScript is an open-source language that builds on JavaScript by adding static type definitions. The flood of information on TypeScript, let alone the number of opinions on TypeScript, can be overwhelming.
Stefan Baumgartner, author of “TypeScript in 50 Lessons” lets you approach TypeScript from a JavaScript developer’s point of view. Go from beginner to expert and learn about type systems and how they can be used to define complex JavaScript scenarios. A workshop for all JavaScript developers: for people who are new to TypeScript or know it fairly well, and would like to boost their TypeScript skills.The TypeScript Masterclass
with Stefan Baumgartner
Workshop, 5×2h + Q&A • Tue & Wed, July 7–21 2020
09:00 – 11:30 AM PDT (Pacific Daylight Time)
Design systems provide solid ground for us to stand on as we tackle the increasingly diverse and fast-moving digital landscape. This workshop will tackle all that goes into creating and maintaining successful design systems.Creating and Maintaining Successful Design Systems
with Brad Frost
Workshop, 5×2h + Q&A • Tue & Wed, May 25 — June 8 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Calling CSS custom properties “CSS variables” buries the lede. Sure, they can be used as simple variables, in the same way as Sass variables, but using custom properties for fonts and colors is only utilizing a tiny fraction of their power.
Used to their full extent, CSS custom properties can facilitate better collaboration and code reuse, improve maintainability, and downright enable possibilities that previously required large amounts of hard-to-maintain Javascript and violated separation of concerns. They truly are a revolution in the way we write CSS, whose potential is still largely untapped. Now that they are finally supported by every modern browser, there is no excuse not to dive in.Dynamic CSS Masterclass
with Lea Verou
Workshop, 5×2h + Q&A • Thu & Fri, May 20 – June 4 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
React apps struggle both from loading performance and runtime performance issues. In this workshop with Ivan Akulov, a Google Developer Expert, full-stack software engineer, and performance consultant, you will learn how to reproduce, diagnose, and resolve performance problems to give your React app a speed boost.The React Performance Masterclass
with Ivan Akulov
Workshop, 4×2h + Q&A • Thu & Fri, May 6–14 2021
10:00 AM – 12:30 PM CET (Europe) • 8:00 – 10:30 PM AET (Australia)
A workshop on how to use psychology to evaluate and dramatically improve the performance of your website, app — and the design process along the way. With many real-world examples and interactive exercises.Psychology For UX and Product Design (CET-friendly)
with Joe Leech
Workshop, 4×2h + Q&A • Mon & Tue, May 3–11 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
You spent days, weeks, or even months putting together a library of common components that other teams could use. You sent it around to a few other teams to try out. And then… Crickets. No reply. No one used it. Wait, you did get one reply, but they said they needed a few other things that weren’t in your library.Make Design Systems People Want to Use
with Dan Mall
Workshop, 5×2h + Q&A • Thu & Fri, April 22 – May 6 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Are you ready for a design challenge? In this series of online workshops, Vitaly Friedman, creative lead behind Smashing Magazine, will be taking a microscopic examination of common components and design patterns in modern interfaces — on desktop and on mobile.
We’ll study 100s of hand-picked examples and we’ll be designing interfaces together, starting from accordions, to mega-drop-downs, sliders, feature comparisons, car configurators — all the way to timelines and onboarding. And: We’ll be reviewing and providing feedback to each other’s work.Smart Interface Design Patterns, 2021 Edition
with Vitaly Friedman
Workshop, 5×2h + Q&A • Tue & Wed, April 20 – May 5 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Back by popular demand, Harry is going to share some of his closest secrets. Over the course of several sessions, we’ll take a journey from the back-end to the front, auditing the performance of real websites.Web Performance Masterclass
with Harry Roberts
Workshop, 4×2h + Q&A • Thu & Fri, April 8–16 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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.Architecting Design Systems
with Nathan Curtis, Kevin Powell
Workshop, 5×2h + Q&A • Wed & Thu, Dec 1–15 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Are you working as a designer or design manager in an organisation and want to get better results? Want to take the design maturity of your organisation to the next level? Design Management Patterns is the way forward. In this practical 5-day interactive workshop, Yury will teach you how to analyse your organisation’s design maturity and provide you with practical ways to improve.Design Management Masterclass
with Yury Vetrov
Workshop, 2×2h + Q&A • Tue & Wed, February 16–17 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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 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.The CSS Layout Masterclass
with Rachel Andrew
Workshop, 5×2h + Q&A • Thu & Fri, February 11–26 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
SVG animation is a brilliant way to bring personality and character to an online experience. But in an industry focused on metrics, these whimsical details are often overlooked or undervalued.
In this hands-on workshop, you’ll learn how to craft delightful animations, which will help you deliver more engaging digital products.The SVG Animation Masterclass
with Cassie Evans
Workshop, 4×2h + Q&A • Tue & Wed, January 19–27 2021
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
At first glance forms seem easy but look around the web for 30 seconds and you’ll find a million and one usability issues that stop users from doing the very thing the form was designed to help them do.
After this workshop, you’ll be able to design forms that avoid these problems because you’ll have the mindset, principles and techniques to make user-friendly forms that people can complete quickly and easily.Form Design Masterclass
with Adam Silver
Workshop, 5×2h + Q&A • Thu & Fri, December 3–17 2020
09:00 – 11:30 AM PT (Pacific Time) • 18:00 – 20:30 CET
The ability to create and maintain a good design system cannot be overstated. And arguably the best way to implement one is by using one of the most versatile computer languages in the world: CSS.
In this workshop, Andy Bell will teach you how to set up a good, scalable design system with CSS.Building A Design System With CSS
with Andy Bell
Workshop, 4×2h + Q&A • Wed & Thu, November 18–26 2020
09:00 – 11:30 AM PDT (Pacific Daylight Time)
When somebody first hits your website, you have only a few seconds to get their attention and then only a few more to encourage them to stay. So how do you use those valuable few seconds? How do you design a landing page that works?
In this masterclass, Paul Boag will show you how you can improve your landing page using a mixture of techniques from design, copywriting, psychology and marketing.Designing Websites That Convert
with Paul Boag
Workshop, 5×2h + Q&A • Fri & Sat, November 6–20 2020
09:00 – 11:30 AM PDT (Pacific Daylight Time)
Accessibility is critical in a world where services are increasingly only available online. By adopting an accessibility mindset and making improvements throughout the design and development process, we can truly make an impact in people’s lives.
This workshop will cover how to approach accessibility with HTML, CSS, and JavaScript using modern tools and techniques to eliminate barriers to access in web projects.Front-End Accessibility Masterclass
with Marcy Sutton
Workshop, 2×2h + Q&A • Wed & Thu, October 28–29 2020
4 PM – 6.30 PM PDT (Pacific Daylight Time)
Design for delight was the mantra of many teams a decade ago, but our world and the web have since changed, bubbling up a complicated range of emotions in us all. It’s time to do more than delight. Let’s take a more sophisticated approach to design to address the challenges of our times.Designing for Emotion Masterclass
with Aarron Walter
Live UX training + video course • April 15 – May 13, 2022
09:00 – 11:30 AM PT• 18:00 – 20:30 CET • Check your time zone ⏰
Roll up your sleeves — it’s time to brush up your UX skills! How would you architect an effective multi-level navigation for a large government website? What about enterprise-grade tables with intricate forms, filters and search? Or perhaps a neat seat selection UI for a Formula 1 Grand Prix? Well, fasten your seat belt!
In a jam-packed 4-weeks UX training with Vitaly Friedman, you’ll learn how to deal with real-life UX challenges from the ground up. Get ready: you’ll sail uncharted waters, designing truly complex interfaces and receiving feedback from people around the world. Plus: you’ll get a UX certificate for all your hard work as well.Interface Design Patterns UX Training
with Vitaly Friedman
Workshop, 5×2h + Q&A • Tue & Wed, September 1–16 2020
09:00 – 11:30 AM PDT (Pacific Daylight Time)
The architecture and development approach known as the Jamstack enables teams of any size to develop apps at any scale at speeds that seem unbelievable — all while improving reliability and maintainability and reducing overhead.
This workshop will dive deep into the fine mechanics of the Jamstack and teach you how adopting its architecture enables your team to build and ship faster.Jamstack! Building Apps From Idea to Production in Hours, Not Weeks
with Jason Lengstorf
Workshop, 5×2h + Q&A • Wed & Thu, August 19 – September 3 2020
09:00 – 11:30 AM PDT (Pacific Daylight Time)
Browser automation helps us create resilient web applications by ensuring they are battle-tested through end-to-end tests.
On the other end of the spectrum, they also help create a whole new field of websites and services, through techniques such as browser scraping. In this workshop, you will learn browser automation from the ground up.Front-End Testing and Advanced Browser Automation
with Umar Hansa
Workshop, 4×4h + Q&A • Thu & Fri, August 6–14 2020
09:00 AM — 1:00 PM PDT (Pacific Daylight Time)
“Hack Yourself First” is all about building up defensive skills for software developers. We’ll explore common risks and attacks in the browser, SQL injection, XSS, CSRF, HTTPS, password cracking, Content Security Policy, Session Hijacking, Subresource Integrity, Brute Force Attacks and Automating Attacks. You’ll leave with practical techniques to better understand security and protect your apps.Web Application Security Masterclass: “Hack Yourself First”
with Scott Helme
Workshop, 6×2h + Q&A • Thu & Fri, May 7–22 2020
09:00 – 11:30 AM PDT (Pacific Daylight Time)
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.Resilient Web Systems with CSS & Sass
with Miriam Suzanne