Workshops

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.

• 

  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 →

• 

  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 →

• 

  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 →

• 

  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 →

• 

  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 →

• 

  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 →