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.
There’s more content in this 1 day SVG workshop than in some 3 day courses. Brilliant job @SaraSoueidan! #smashingconf
- Your instructor
- Cassie Evans
The SVG Animation Masterclass
with Cassie Evans
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.
- Your instructor
- Harry Roberts
Web Performance Masterclass
with Harry Roberts
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.
- Your instructor
- Vitaly Friedman
Smart Interface Design Patterns, 2022 Edition
with Vitaly Friedman
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.
- Your instructor
- Jhey Tompkins
Supercharge Your Skills with Creative Coding
with Jhey Tompkins
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.
- Your instructor
- Brad Frost
Creating and Maintaining Successful Design Systems
with Brad Frost
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.- Your instructor
- Vitaly Friedman
New Front-End Adventures, 2022 Edition
with Vitaly Friedman
Full-day workshop • Thursday, June 23, 2022.
With HTTP/3, Service Workers, Jamstack, PWA, TypeScript, Web Assembly, AVIF, Variable Fonts, CSS Container Queries andclamp(), 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.
