Skip to main content

Workshops

Get Jazzy with our SmashingSF speakers!

Missed in-person workshops? We got ya! On the day before and on the day after the conference, we have some amazing workshops on offer: be it Smart Interface Design Patterns, Accessibility, CSS or SVG Animation.

All workshops are hands-on and practical, so you can apply your new skills immediately. Tickets cost $499 — with discounts for Smashing members and bundle tickets available.

If you buy a bundle ticket, you will save USD 100 and get access to our conference and one or two days of world-class workshops.


Workshops include…

  • A full day of teaching in a small group,
  • Digital certificate,
  • Tea, coffee, snacks and drinks during the whole day,
  • 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

  • Cassie Evans
    Your instructor
    Cassie Evans

    The SVG Animation Masterclass

    Full-day workshop • Monday, June 20, 2022.
    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 using SVG, CSS and GSAP, and have a ton of fun whilst doing it.

    Read more... or Register →

  • Harry Roberts
    Your instructor
    Harry Roberts

    Web Performance Masterclass

    Full-day workshop • Monday, June 20, 2022.
    Back by popular demand, Harry will take you on a journey to help you become a Web Performance expert. Over the course of several sessions, he’s going to share some of his closest secrets, going from the back-end to the front, auditing the performance of real websites.

    You’ll be plotting data and findings, making it compelling to clients and non-technical stakeholders; drawing up backlogs and hit-lists; hacking on fixes, improvements, and experiments; and learning a whole lot of forensic, detailed, and often completely obscure performance information on the way.

    Read more... or Register →

  • Vitaly Friedman
    Your instructor
    Vitaly Friedman

    Smart Interface Design Patterns, 2022 Edition

    Full-day workshop • Monday, June 20, 2022.
    Are you ready for a design challenge? In this workshop, 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 →

  • Jhey Tompkins
    Your instructor
    Jhey Tompkins

    Supercharge Your Skills with Creative Coding

    Full-day workshop • Thursday, June 23, 2022.
    Supercharge your skills with Creative Coding on the Web Platform
    ⚡️ Learning to Express Yourself with the “Impractically Practical” ⭐

    The web platform is an incredible thing we all have access to. You’re able to create pretty much anything you want (within reason) by opening a browser. It’s just pixels, am I right? That’s how you should leave this workshop feeling. With the confidence to build not limited by your tech stack, but your imagination.

    Read more... or Register →

  • Brad Frost
    Your instructor
    Brad Frost

    Creating and Maintaining Successful Design Systems

    Full-day workshop • Thursday, June 23, 2022.
    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

    New Front-End Adventures, 2022 Edition

    Full-day workshop • Thursday, June 23, 2022.
    With HTTP/3, Service Workers, Jamstack, PWA, TypeScript, Web Assembly, AVIF, Variable Fonts, CSS Container Queries and clamp(), Client Hints and Resource Hints, CSS Subgrid and SVG2, 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?

    What’s the best way to compress text, optimize images, deliver and contain third-party scripts, conduct A/B testing, manage web fonts, build layouts, streamline delivery of CSS/JS, serve static assets and 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.

    Read more... or Register →


Our Global Partners

Our San Francisco 2022 Partners