Skip to main content
Topple, the Smashing Cat is sad.

Unfortunately, due to recommendations from the SF Mayor's office restricting group size, and with countless travel bans in place affecting speakers, attendees, and team members, we cannot give you the conference experience you expect and deserve. For these, and many more reasons, SmashingConf SF (April 21–22) is re-scheduled for November 10–11, 2020.

See our full statement here.

Workshops

Brad frost during his SF 2019 workshop

Conference sessions are one thing, but full-day hands-on workshops are an entirely different beast. On the day before and on the day after the conference, you can dive deep into your topic of interest: be it Smart Responsive UX Design Patterns or Next Steps With CSS Layout.

We have announced seven workshops, we will announce one more soon!


Join one of the hands-on workshops with a limited number of seats. Tickets for the full-day workshops cost $499 — all booking fees included.

If you buy a bundle ticket, you will save USD 100 and get access to three days of world-class of workshop learning and our Smashing conference experience.

Workshops include…

  • Snacks and drinks during the whole day
  • Tea and coffee
  • Lunch
  • Paper and pen/pencil

There’s more content in this 1 day SVG workshop than in some 3 day courses. Brilliant job @SaraSoueidan! #smashingconf


  • Marc Edwards

    Generative Graphics and Animation with Processing

    with Marc Edwards

    Full-day workshop • Monday, November 9th
    Sometimes the fastest and easiest way to create a design element is by writing a little bit of code. Processing is an ideal way to do just that — it’s a very approachable environment to generate static and animated visuals.

    Read more... or Register →

    On the web
    bjango.com
    On Twitter
    @marcedwards

  • Rachel Andrew

    The CSS Layout Masterclass

    with Rachel Andrew

    Full-day workshop • Monday, November 9th
    We’ve been learning CSS and CSS for Layout in the same way since we broke free of table-based layouts in 2001, however CSS has grown-up and over the last few years a proper and consistent system for layout has emerged.

    In this all-new workshop Rachel Andrew will take you through this new system for layout, giving you the ability to properly understand and use CSS Layout with real understanding of why things behave as they do.

    Read more... or Register →


  • Sara Soueidan

    The Front-End Accessibility Workshop

    with Sara Soueidan

    Full-day workshop • Monday, November 9th
    Accessibility doesn’t have to be hard or time-consuming. Once you learn how to think and code inclusively, writing accessible markup becomes second nature, and part of your everyday coding workflow. In this workshop, you will learn how to build UI components with inclusivity baked right into them from the start — from writing proper, semantic HTML, to writing CSS that doesn’t break the accessibility of your UI and adding accessible interactivity with JavaScript.

    Read more...

    On the web
    sarasoueidan.com
    On Twitter
    @sarasoueidan

  • Vitaly Friedman

    Smart Responsive UX Design Patterns

    with Vitaly Friedman

    Full-day workshop • Monday, November 9th
    Are you ready for a design challenge? In this workshop, Vitaly Friedman, creative lead and front-end/UI consultant behind Smashing Magazine, will be taking a microscopic examination of common interface components and problems appearing in responsive user interfaces. In this workshop, we’ll be spending an entire day drawing and designing responsive interfaces, starting from accordions, to date/time pickers, sliders, feature comparisons, car configurators all the way to insurance calculators and trip planners.

    Read more...


  • Architecting Design Systems

    with Nathan Curtis, Kevin Powell

    Full-day workshop • Thursday, November 12th
    Scaling High Quality Design, Code, and Documentation.
    Design systems are expanding in organizations, spreading design and code across product teams and influencing decision-making at higher and higher levels. This scale makes it increasingly essential to establish an architecture of a design language and code frameworks that can endure and evolve over time.

    Read more... or Register →


  • Aarron Walter

    Designing for Emotion

    with Aarron Walter

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

    Read more... or Register →

    On the web
    aarronwalter.com
    On Twitter
    @aarron

  • Cassidy Williams

    React Fundamentals

    with Cassidy Williams

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

    Read more... or Register →

    On the web
    cassidoo.co
    On Twitter
    @cassidoo

  • Vitaly Friedman

    New Front-End Adventures, 2020 Edition

    with Vitaly Friedman

    Full-day workshop • Thursday, November 12th
    With HTTP/2, Service Workers, Progressive Web Apps, Variable Fonts, CSS Custom Properties, Client Hints and Resource Hints, Flexbox, CSS Grid Layout, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure out just the right strategy for building websites and apps efficiently. We want to use all of these technologies and smart processes, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?

    Read more... or Register →



Our Global Partners

  • Mozilla
  • Netlify
  • Shopify
  • Microsoft Edge

Our San Francisco 2020 Partners

  • Coil Technologies Inc.
  • HP
  • Corvid by Wix
  • Service Now
  • Gatsby
  • Locastic