Skip to main content

Workshops

Vitaly Friedman giving a remote workshop.

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 ✨


  • Vitaly Friedman
    Your instructor
    Vitaly Friedman

    Design Patterns For AI Interfaces

    Workshop, 5×2h + Q&A Tue & Wed, July 9–23 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    As we all are exploring ways to include AI in our products, too often we rely on a good old-fashioned conversational UI to bring AI to life. However, this experience is often painfully slow, the responses are generic and users have to meticulously explain to Gemini, Chat-GPT and others just what exactly they need — over and over and over again.

    In this workshop, we’ll explore new design patterns for better AI experiences, with daemons, clustering, style lenses, structured presets and templates, dynamic editing, temperature knobs and everything in-between! The workshop isn’t about how to use Midjourney, Chat-GPT etc., but rather how to design better AI experiences.

    Read more... or Register →

  • Paul Boag
    Your instructor
    Paul Boag

    Fast and Budget-Friendly User Research and Testing

    Workshop, 5×1h + Q&A Thu & Fri, July 11–25 2024
    09:00 – 10:30 AM PT 18:00 – 19:30 CET Check your time zone

    We don’t live in an ideal world. Most of us have too much work, too little time, and too small a budget. When it comes to digital projects, it seems like our clients or bosses always prioritize speed over quality.

    To make matters worse, we read countless articles telling us how we should do things. These articles emphasize research and testing but do nothing more than leave us disillusioned and add to our imposter syndrome.

    In this workshop, we want to try a different approach. Instead of telling you the best practices, we will explore practical approaches to user research that we can fit into our existing projects.

    This workshop is one hour of teaching and 30 minutes of Q&A, instead of the usual 2 hours and 30 minutes of discussion.

    Read more... or Register →

  • Susan Weinschenk
    Your instructor
    Susan Weinschenk
    Guthrie Weinschenk
    Your instructor
    Guthrie Weinschenk

    Behavioral Design Workshop

    Workshop, 5×2h + Q&A Thu & Fri, August 22 – September 5 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    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.

    Read more... or Register →

  • Brad Frost
    Your instructor
    Brad Frost

    Creating and Maintaining Successful Design Systems

    Workshop, 5×2h + Q&A Tue & Wed, Aug 27 — Sept 10 2024
    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.

    Read more... or Register →

  • Vitaly Friedman
    Your instructor
    Vitaly Friedman

    Inclusive Design Patterns For 2025

    Free Workshop, 3h + Q&A Tue, September 24, 2024
    09:00 AM – 12:30 PM PT 18:00 – 21:30 CET Check your time zone ⏰

    When we think of accessibility, we often think about the usual suspects — colour contrast, legible font sizes, and mobile tap targets. However, accessible and inclusive design reaches far beyond that.

    Join Vitaly’s practical 3.5-hour workshop for an in-depth exploration of inclusive and accessible design patterns. You’ll walk away with a toolbox full of practical techniques to apply to any project!

    Read more... or Register →

  • Miriam Suzanne
    Your instructor
    Miriam Suzanne

    Cascading Style Systems: Resilient & Maintainable CSS

    Workshop, 5×2h + Q&A Mon & Tue, October 14–18 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    New CSS features are shipping at an unprecedented rate – cascade layers, container queries, the ‘:has()’ selector, subgrid, nesting, and so much more.

    It’s an exciting time, but the list can also feel overwhelming. Do I really need grids if I already know flexbox? What problem do layers actually solve? Should I rewrite my styles with each feature release, or stick with the tools that I know? It’s a good time to step back and understand how these tools fit together in a declarative system — a resilient cascade of styles.

    Read more... or Register →

  • Oliver Schöndorfer
    Your instructor
    Oliver Schöndorfer

    Accessible Typography for Web & UI Design Masterclass

    Workshop, 4×2h + Q&A Thu & Fri, Oct 10–18 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    How can you best combine sublime typography with web accessibility? This practical and fun workshop gives you clear guidelines for a seemingly too fuzzy area. Learn how to set the text in your design projects beautifully accessible, making it reach and convince more people, while meeting legal requirements.

    Read more... or Register →

  • Vitaly Friedman
    Your instructor
    Vitaly Friedman

    Interface Design Patterns UX Training (Autumn 2024)

    Live UX training + video course Nov 1 – Dec 2, 2024
    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 an accessible data visualization and charts for a complex medical data set? Well, fasten your seat belt!

    In a jam-packed 4-weeks UX training, you’ll learn how to deal with real-life UX challenges from the ground up. Get ready: you’ll sail uncharted waters, design truly complex interfaces and receive feedback from people around the world. Plus: you’ll get a UX certificate for all your hard work as well.

    Read more... or Register →

  • Brad Frost
    Your instructor
    Brad Frost

    Advanced Design Systems

    Workshop, 4×2h + Q&A Tue & Wed, Nov 12–20 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    By this point, most organizations are far along enough in their design system journey to understand that the mere existence of a component library (even if it’s a good one!) isn’t enough to guarantee design system success.

    The devil’s in the details, and those details require the careful orchestration of people, processes, and technologies. If you’re looking to take your design system efforts from good to great, this workshop is for you.

    Read more... or Register →

  • Christine Vallaure
    Your instructor
    Christine Vallaure

    Figma Workflow Masterclass

    Workshop, 5×2.5h + Q&A Thu, Fri & Wed, Nov 14–22 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    Do you have some (Figma) design skills, but are not an expert yet? Like to be able to design better responsively? Want to find out about new features like variables and dev mode and generally feel like you could optimize your Figma workflow? This Figma Masterclass is just right for you!

    In this course, we will learn how to push your design from a pretty picture to a working and scalable UI, embracing all of Figma’s impressive features.

    Read more... or Register →

  • Vitaly Friedman
    Your instructor
    Vitaly Friedman

    How To Measure UX and Design Impact

    Workshop, 4×2.5h + Q&A Wed & Thu, Dec 4–12 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    How do we measure the quality of UX? What metrics to use? How to bridge business objectives and UX goals? How to remove bias and guesswork from our design decisions? And how to measure and make a case for the impact of your UX work? Well, let’s figure it out, in the upcoming brand-new workshop with Vitaly Friedman.

    Read more... or Register →

Our Previous Workshops

  • Workshop, 5×2h + Q&A Mon & Tue, June 24 – July 2 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    clamp, :is, :where, min, max, lab, lch, oklab, oklch, cascade layers, container queries, logical properties, has, svh, dvh, lvh, font-pallets, subgrid… The amount of changes and new features we have seen in CSS the last few years is quite impressive.

    In this workshop, Manuel will teach you how these features work, in what cases you can best use which option, what the best tools are, and much more.

    Advanced Modern CSS Masterclass

    with Manuel Matuzović

  • Workshop, 5×2h + Q&A Thu & Fri, June 20 – July 2 2024
    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 Mon & Tue, June 10–24 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    We communicate with text every single day, but what does it mean to really understand type — to use it with clear intent and purpose? The art and science of typography combines subtle tweaks to line lengths with harmonious combinations of weights and styles; considered typeface pairings with a robust set of alternate characters; exciting technological advances with the realities of font licensing.

    In three weeks, over five focussed sessions, you’ll gain a deep understanding of the universal principles of typography and learn how to apply them across any work you do with type, from the simplest of documents to the most complex of cross-platform design systems.

    Typography Masterclass

    with Elliot Jay Stocks

  • Workshop, 4×1.5h + Q&A Thu & Fri, June 6–14 2024
    09:00 – 11:00 AM PT 18:00 – 20:00 CET Check your time zone

    Design systems are expanding in organizations, spreading design and code tools and influencing decision-making across product teams. With such scale, you must establish and share an architecture of style and UI components across design and code that endures and evolves over time.

    This workshop exposes you to essential foundations of design system architecture — the kinds of naming, composition, configuration and process challenges involved — to equip you with techniques and activities to make, spread, and maintain a system yourself.

    Design Token and UI Component Architecture

    with Nathan Curtis

  • Workshop, 4×2h + Q&A Mon & Wed, June 3–12 2024
    9:30 AM – 12:00 PM PT 18:30 – 21:00 CET Check your time zone

    In the early stages of product development, accessibility considerations are frequently ignored. Accessibility is mistakenly considered a problem to be resolved down the line, often put on the shoulder of the development team.

    But accessibility is the responsibility of the whole team. Including designers. And a lot of accessibility issues can be already foreseen and prevented during the design phase. As designers, you hold the power to shape product roadmaps by including accessibility best practices in your designs and advocating for accessibility features.

    This practical workshop is designed to equip attendees with the knowledge and skills to design products that are accessible and user-friendly.

    Accessibility for Designers

    with Stéphanie Walter

  • Workshop, 5×2h + Q&A Thu & Fri, May 9–23 2024
    09:00 – 11:30 AM PT (Pacific Time) 18:00 – 20:30 CET

    CSS is amazing, and lots of people love it. However, one of the most heard complaints is how it doesn’t scale for larger projects. This is especially the case for developers that tend to focus on other parts of projects, rather than the front-end.

    In this workshop, Andy Bell is going to teach you how to go about scaling CSS, based on years of experience working on huge, yet still very maintainable codebases.

    Scalable CSS Masterclass

    with Andy Bell

  • Workshop, 4×1.5h + Q&A Thu & Fri, April 18–26 2024
    09:00 – 11:00 AM PT 18:00 – 20:00 CET Check your time zone

    Managing an effective design system requires that it fit smoothly into how an organization makes and delivers digital experiences. Yet, it must also embrace unique and usually more robust processes to deliver high-quality foundations, components, and other features that other teams trust to reuse.

    This workshop exposes you to scope, plan and run processes to make features, deliver releases, tackle complex initiatives, and guide an organization through a major new generation of an entire library. These processes create the foundation by which a system can pursue its vision, realize its strategy, evolve teams and practices, and create lasting value for an organization.

    Design System Planning and Process

    with Nathan Curtis

  • Live UX training + video course Mar 7 – Apr 5, 2024
    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 an accessible data visualization and charts for a complex medical data set? Well, fasten your seat belt!

    In a jam-packed 4-weeks UX training, you’ll learn how to deal with real-life UX challenges from the ground up. Get ready: you’ll sail uncharted waters, design truly complex interfaces and receive 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 (Spring 2024)

    with Vitaly Friedman

  • Workshop, 5×2h + Q&A Tue & Wed, July 9–23 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    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!

    Forms UX Masterclass

    with Vitaly Friedman

  • Free Workshop, 2h + Q&A Thu, February 29 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone ⏰

    In many products, search is critical, yet too often it’s forgotten or overlooked. Many users heavily rely on search, and investing time and effort into good search is usually a very good investment. So how do people search and what do they expect from a first-class search experience in 2024? And what can we, as designers, do to design better experiences for them?

    In this free session, we’ll explore how to do just that — how to design better autocomplete, how to deal with complex filters and improve sorting, how to design better search results pages and improve the experience for power users.

    Roll up your sleeves: expect plenty of real-life examples, do’s, don’ts and a healthy dose of “Aha!”-moments. Beware: you might never forget what you’ll learn in this session!

    Designing Search UX In 2024

    with Vitaly Friedman

  • Workshop, 5×2.5h + Q&A Tue & Wed, Jan 23 – Feb 6 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    Large complex projects — from SaaS and B2C to enterprise and B2B — aren’t easy to navigate for UX designers, even with many years of experience. So how do we make an impact, do good work and grow as designers in such difficult environments? How do we make a strong case for UX research and accessibility? How do we wade through layers of internal politics and red tape? Well, let’s figure it out!

    In this workshop by Vitaly Friedman, a UX consultant of the European Parliament and Smashing Magazine’s creative lead, you’ll explore pragmatic and practical tactics and strategies to thrive and survive in complex environments, fight through layers of politics, prove the value of your work and choose your career path.

    UX Strategy Masterclass

    with Vitaly Friedman

  • Workshop, 5×2h + Q&A Mon & Tue, January 8 – 22 2024
    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×1h + Q&A Thu & Fri, December 7–15 2023
    09:00 – 10:30 AM PT 18:00 – 19:30 CET Check your time zone

    Learn how to create, organize, and manage content on information-heavy websites with this comprehensive workshop.

    Led by user experience and content strategy expert, Paul Boag, the workshop covers essential topics such as identifying and prioritizing important content, organizing content for user engagement, creating high-quality content, and dealing with redundant or outdated content.

    This workshop is one hour of teaching and 30 minutes of Q&A, instead of the usual 2 hours and 30 minutes of Q&A.

    From Chaos to Clarity: Streamlining Your Websites Content

    with Paul Boag

  • Workshop, 4×2h + Q&A Thu & Fri, Nov 30 – Dec 8 2023
    9:30 AM – 12:00 PM PT 18:30 – 21:00 CET Check your time zone

    Design leaders often grow out of yesterday’s designers. You are a designer with brilliant soft skills? Perhaps, you’ll be offered a leadership position someday. It has become common that heads of design, UX directors, and team leaders appear with tiny prior management experience. That’s why we are destined to discover bits of this new skill set the hard way. But should it be like that?

    This workshop series will structure your awareness of design management in general and your new role in your organization in particular.

    Design Management Masterclass

    with Slava Shestopalov

  • Workshop, 4×2h + Q&A Wed & Thu, October 18–26 2023
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    Your Entire Business Revolves Around Customer and User Experiences
    Everybody is talking about customer-centricity and being more “user-obsessed,” but what does that really mean? How do we combine customer-centricity with wanting to be efficient, Agile, Lean, innovative, and experimental?

    In this workshop, we’ll look at models and approaches for a small or large business transformation back to high quality products and services that meet and exceed customers’ real needs.

    Customer-Centric Product Strategy Workshop

    with Debbie Levitt

  • Workshop, 5×2h + Q&A Thu & Fri, Sept 14–28 2023
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    Digital accessibility is the practice of making products — such as 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.

    In this workshop, Carie will walk through the process of creating accessible front-end components from design to development. Throughout the workshop sessions, we will rely on accessibility best practices/guidelines and utilize testing tools and techniques at each step of the product development lifecycle.

    Accessible Components from Design to Development

    with Carie Fisher

  • 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, July 4–18 2023
    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 Thu & Fri, June 29 – July 13 2023
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    There’s a lot of tools and talks about loading performance – but what if every time you click any button, your app lags a bit? Let’s learn how to deal with that. 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 React performance issues to give your app a speed boost.

    The React Performance Masterclass

    with Ivan Akulov

  • Workshop, 5×2h + Q&A Tue & Wed, May 30 – June 14 2023
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    What is storytelling, and how can stories help UX designers create remarkable experiences?

    Storytelling is more than a marketing buzzword. Storytelling is much more than a justification for technical creative decisions… a trap many designers fall into when words like “design thinking” and “user-centric” sound too technical and cold. When used appropriately, storytelling creates powerful and memorable digital experiences. In this workshop, we are going to discover how!

    The Power of Storytelling

    with Chiara Aliotta

  • Workshop, 5×2h + Q&A Tue & Wed, Apr 25 – May 16 2023
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    With HTTP/3, Service Workers, Jamstack, PWA, TypeScript, Web Assembly, AVIF, Qwik, Variable Fonts, CSS Container Queries and cascade layers, client hints, resource hints and early hints and CSS subgrid, we all are still trying to figure out just the right strategy for building websites and apps efficiently. How do we do that, and how do we achieve it within a reasonable amount of time?

    What’s the state of CSS and JavaScript today? What are some of the exciting new technologies that have landed in browsers recently? How do we architect a flexible and maintainable design system? And where would we even start refactoring and re-organizing our legacy code base, or move to ES Modules in production, or use Web workers or Webassembly? Oh my, in the workshop, we’ll cover it all.

    New Front-End Adventures, 2023 Edition

    with Vitaly Friedman

  • Workshop, 5×2.5h + Q&A Thu, Fri & Wed, April 20–28 2023
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    If you are new to UX/UI Design and/or Figma then this workshop is what you are after. We will start from scratch, getting to know the all-mighty Figma and all its features.

    During the course of 5 sessions, we will learn everything from component-based UI to basic responsive setup and hand-off. Always based on the UX/UI principles that we will get to know along the way.

    UX/UI Design & Figma Introduction

    with Christine Vallaure

  • Workshop, 1×3h Mon, March 27 2023
    09:00 AM – 12:00 PM PT 18:00 – 21:00 CET Check your time zone

    Auto layout driving you bananas? Scared about what will happen with your design in the browser? Then this deep dive workshop is perfect for you.

    We will learn everything about how to set up responsive design with Figma. This will be a deep dive into constraints, auto layout, and, most importantly but rarely discussed, breakpoints for your UI Design. Combining those tools will allow us to really test and document your designs and components in line with the actual code settings.

    All proceeds from this workshop will be donated for humanitarian aid in Ukraine.

    Figma Auto Layout Masterclass 🇺🇦

    with Christine Vallaure

  • Workshop, 2×2h + Q&A • Thu & Fri, March 2–3 2023
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    “Headless” has become a buzzword recently - but what does that even mean? Together, we’ll unpack the world of headless content management systems and how they result in truly joyful developer experience. On top of that, we’ll explore your favorite shiny frontend framework.

    Go Headless with Your Favorite Framework

    with Josefine Schaefer, Facundo Giuliani, Manuel Schröder

  • Workshop, 5×2h + Q&A Mon & Tue, November 28 – December 12 2022
    10:00 AM – 12:30 PM PT 19:00 – 21:30 CET Check your time zone

    How do you make sure your product matches your user needs and goals? Where and how do you start your design process? And how can you structure that process best?

    Stéphanie’s masterclass provides a step-by-step guide to design and build digital products, from initial user research to implementation with the development team.

    Designing Better Products Masterclass

    with Stéphanie Walter

  • Workshop, 6×2h + Q&A Wed & Thu, November 30 – December 15 2022
    09:00 – 11:30 AM PT (18:00 – 20:30 CET) • Check your time zone

    Next.js is one of the most loved and widely used frameworks in the React Ecosystem. It is aligned with latest developments both in React and in the Web platform.

    Gaining versatility and fitting a super ergonomic developer experience to many use cases. Come around and let’s dive deep on how to build a fullstack application (with a data layer, state management, performance optimizations, and high security) with this amazing framework.

    Advanced Next.js Masterclass

    with Átila Fassina

  • Workshop, 2×2h + Q&A Thu & Fri, November 17–18 2022
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    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

  • Free Workshop, 1h + Q&A Wed, November 16 2022
    09:00 – 10:30 AM PT 18:00 – 19:30 CET Check your time zone ⏰

    In many products, search is critical, yet too often it’s forgotten or overlooked. Many users heavily rely on search, and investing time and effort into good search is usually a very good investment. So how do people search and what do they expect from a first-class search experience in 2024? And what can we, as designers, do to design better experiences for them?

    In this free session, we’ll explore how to do just that — how to design better autocomplete, how to deal with complex filters and improve sorting, how to design better search results pages and improve the experience for power users.

    Roll up your sleeves: expect plenty of real-life examples, do’s, don’ts and a healthy dose of “Aha!”-moments. Beware: you might never forget what you’ll learn in this session!

    Designing Search UX: From Filters to Autocomplete

    with Vitaly Friedman

  • Workshop, 4×1h + Q&A Tue & Wed, November 15–23 2022
    09:00 – 10:30 AM PT 18:00 – 19:30 CET Check your time zone

    Being a great designer is about more than creativity. It means producing designs that provide real business value and to do so while dealing with difficult stakeholders. Failing to master the design process leads to iteration hell, stakeholder dissatisfaction and designs that fail to deliver organisational value.

    If you attend this workshop, you will learn a robust process that will successfully take your design project from initial briefing to final delivery and beyond. Gain a new confidence in your design direction and process.

    This workshop is one hour of teaching and 30 minutes of Q&A, instead of the usual 2 hours and 30 minutes of Q&A.

    Mastering the Design Process

    with Paul Boag

  • Workshop, 4×2h + Q&A Wed & Thu, Nov 2–10 2022
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone ⏰

    Note on timings: If you’re joining us from outside the US, please note that due to Daylight Savings in some places, start times will be earlier on Week 1 than Week 2. Check timings for week 1 and timings for week 2.

    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.

    Pushing CSS to The Limit

    with Amit Sheen

  • Workshop, 2×2h + Q&A • Mon & Tue, October 3–4 2022
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone
    Testing for accessibility doesn’t have to be overwhelming. The most efficient way is to “shift left” by incorporating testing into the earliest stages of your design and development process.
    This free 2-day workshop will take the form of a miniature sprint. We will walk you through the process of analyzing a wireframe from an accessibility perspective, testing a dynamic application and all of its states, and reventing accessibility regressions.
    You’ll grow your accessibility problem-solving skills and gain practical experience integrating accessibility into your daily work.

    Accessibility in Design & Development

    with Dylan Barrell, Harris Schneiderman

  • Workshop, 5×2h + Q&A Tue & Wed, September 13–27 2022
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    How do you know what is important for your visitors if you’re designing or managing a large, complex website or app? Your design should focus on solving their problems quickly — and not prioritize vanity stuff or political compromises.

    With Gerry’s proven methodology, you learn how to identify what really matters to your visitors (their top tasks), how to create a great website structure/architecture where information is easy to find, and ensure that these tasks are easy to complete. And lastly, you learn how to measure that things are getting better.

    Designing Better UX With Top Tasks

    with Gerry McGovern

  • 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 significantly improved available CSS properties and layout behavior, 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 to learn about what modern CSS has to offer us.

    Level-Up With Modern CSS

    with Stephanie Eckles

  • 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.

    Effective Usability Testing

    with Steph Troeth

  • Workshop, 2×2h + Q&A • Wed & Thu, July 6–7
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    You may have already heard about the Jamstack. You have probably used Next.js, and recently you may have heard a lot about headless CMSs. In this quick course, we will put all these pieces together, and we will show you why Storyblok — in combination with Next.js — is the best combo for your next project. Join us so that you can try it yourself!

    Crash Course to Jamstack with Next.js and Storyblok

    with Arisa Fukuzaki, Facundo Giuliani

  • 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.

    DevOps Masterclass

    with Denys Mishunov

  • 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.

    The Fundamentals of UX Writing Workshop

    with Yuval Keshtcher

  • 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.

    UX for Mobile eCommerce Masterclass

    with Rinaldo Ugrina

  • 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 • 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 • 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, 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 • 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, 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, 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, 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, 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, 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, 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×2.5h + Q&A Tue & Wed, Jan 23 – Feb 6 2024
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    Large complex projects — from SaaS and B2C to enterprise and B2B — aren’t easy to navigate for UX designers, even with many years of experience. So how do we make an impact, do good work and grow as designers in such difficult environments? How do we make a strong case for UX research and accessibility? How do we wade through layers of internal politics and red tape? Well, let’s figure it out!

    In this workshop by Vitaly Friedman, a UX consultant of the European Parliament and Smashing Magazine’s creative lead, you’ll explore pragmatic and practical tactics and strategies to thrive and survive in complex environments, fight through layers of politics, prove the value of your work and choose your career path.

    UX Strategy Masterclass

    with Vitaly Friedman

  • Workshop, 4×2h + Q&A • Thu & Fri, November 9–17 2023
    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, 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, 5×2h + Q&A Wed & Thu, August 16–30 2023
    09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

    The JavaScript language is constantly growing and improving, along with its standard library. But we’re all too busy writing production apps to prop up our heads long enough to keep track of all the new sweetness getting released all the time (and becoming official every June)! Get ready for a roller-coaster of freshly-baked JavaScript awesomeness.

    Advanced JavaScript Masterclass

    with Christophe Porteneuve

  • 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, 2×2h + Q&A Mon & Tue, October 17–18 2022
    09:00 – 11:30 AM PT (18:00 – 20:30 CET) • Check your time zone

    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

  • 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