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. Overview of all workshops ↓

Follow along with practical examples and interactive exercises. Ask questions during dedicated Q&A time and use workshop recordings and workshop materials to study at your own pace.

The recordings are available once the workshop day has finished. If you miss a session, you can always re-watch it later, so you’ll be up to date for the next day!

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 ✨


  • Buy! The eCommerce UX Workshop

    with Vitaly Friedman

    Workshop, 5×2h + Q&A • Thu & Fri, July 2–17
    09:00 — 11:30 AM PDT (Pacific Daylight Time)

    In eCommerce, an average abandonment rate is around 65–68%. This is usually caused by ambiguous copywriting and severe problems related to finding or understanding products, or a painfully slow checkout. We can’t bring the abandonment rate to 0, but we can shave off at least 15% with some smart and straightforward optimizations. So let’s do just that!

    With this series of 5×2.5h workshop sessions, we’ll set up a very clear roadmap on how we can show the right details and ask for the right data in the right order and at the right pace to improve conversion and customer satisfaction. That means removing distractions, minimizing friction and avoiding disruptions and dead ends caused by the seemingly beautiful UI.

    Read more... or Register →


  • Brad Frost
    On the web
    bradfrost.com
    On Twitter
    @brad_frost

    Creating and Maintaining Successful Design Systems

    with Brad Frost

    Workshop, 5×2h + Q&A • Tue & Wed, July 7–21
    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.

    Read more... or Register →


  • Aarron Walter
    On the web
    aarronwalter.com
    On Twitter
    @aarron

    Designing for Emotion Masterclass

    with Aarron Walter

    Workshop, 2×2h + Q&A • Tue & Wed, July 28–29
    09:00 — 11:30 AM 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.

    Read more... or Register →


  • Scott Helme
    On the web
    scotthelme.co.uk
    On Twitter
    @scott_helme

    Web Application Security Masterclass: “Hack Yourself First”

    with Scott Helme

    Workshop, 4×4h + Q&A • Thu & Fri, August 6–14
    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.

    Read more... or Register →


  • Behavioral Design Workshop

    with Susan Weinschenk, Guthrie Weinschenk

    Workshop, 5×2h + Q&A • Mon & Tue, Aug 17–31
    09:00 — 11:30 AM PDT (Pacific Daylight Time)

    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 →


  • Umar Hansa
    On the web
    umaar.com
    On Twitter
    @umaar

    Front-End Testing and Advanced Browser Automation

    with Umar Hansa

    Workshop, 5×2h + Q&A • Wed & Thu, Aug 19 – Sep 3
    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.

    Read more... or Register →


  • Yiying Lu
    On the web
    www.yiyinglu.com/
    On Twitter
    @yiyinglu

    Designing for a Global Audience

    with Yiying Lu

    Workshop, 5×2h + Q&A • Thu & Fri, Aug 20 – Sep 4
    09:00 — 11:30 AM PDT (Pacific Daylight Time)

    Designing for culturally diverse audiences both fun and hard. It’s also a skill you can learn to master. In this workshop, experienced and award-winning designer Yiying Lu will take you on a journey of exploring cross-cultural design through colorful logos, whimsical illustrations, and symbolic typography designs.

    After the workshop you will be more equipped to make the right decisions and be very inspired by Yiying’s energy and work.

    Read more... or Register →


  • Vue.js: The Practical Guide

    with Natalia Tepluhina

    Workshop, 5×2.5h + Q&A • Thu & Fri, Sep 17 – Oct 2
    09:00 — 11:30 AM PDT (Pacific Daylight Time)

    According to the State of Javascript 2019 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.

    Read more... or Register →


  • Jason Lengstorf
    On the web
    lengstorf.com
    On Twitter
    @jlengstorf

    Jamstack! Building Apps From Idea to Production in Hours, Not Weeks

    with Jason Lengstorf

    Workshop, 5×2h + Q&A • Tue & Wed, Sept 1–16
    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.

    Read more... or Register →


  • The CSS Layout Masterclass

    with Rachel Andrew

    Workshop, 2×2h + Q&A • Thu & Fri, Sep 10–11
    09:00 — 11:30 AM PDT (Pacific Daylight Time)

    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.

    Read more... or Register →


  • Smart Interface Design Patterns, 2020 Edition

    with Vitaly Friedman

    Workshop, 5×2h + Q&A • Tue & Wed, Sep 22 – Oct 6
    09:00 — 11:30 AM PDT (Pacific Daylight Time)

    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.

    Read more... or Register →


  • Our previous workshops

    • Workshop, 4×2.5h + Q&A • Thu & Fri, June 18–26
      09:00 — 11:30 AM PDT (Pacific Daylight Time)

      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 Without Going Mad

      with Rémi Parmentier


    • Workshop, 5×2h + Q&A • Tue & Wed, June 16–30
      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 • Thu & Fri, June 11–12
      10 AM—12:30 PM CEST (Central European Time)

      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, May 28 – June 12
      09:00 — 11:30 AM PDT (Pacific Daylight Time)

      In this exclusive debut, 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, May 12–26
      09:00 — 11:30 AM PDT (Pacific Daylight Time)

      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, 2020 Edition

      with Vitaly Friedman


    • Workshop, 6×2h + Q&A • Thu & Fri, May 7–22
      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


    • Workshop, 4×2h + Q&A • Apr 27 – May 5
      09:00 — 11:30 AM PDT (Pacific Daylight Time)

      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

      with Joe Leech


    • Workshop, 5×2h + Q&A • Apr 22 – May 6
      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, 2×2h + Q&A • April 14–15
      09:00 — 11:30 AM PDT (Pacific Daylight Time)

      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 • Apr 2–17
      09:00 — 11:30 AM PDT (Pacific Daylight Time)

      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, 2020 Edition

      with Vitaly Friedman