Workshops
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. All video recordings are included, so if you miss a session, you can re-watch any time.
Jump to all upcoming workshops ↓
Follow along with practical examples and interactive exercises. Ask questions during Q&A and use workshop recordings and materials to study at your own pace, at your own time.
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 ✨
Psychology For UX and Product Design (CET-friendly)
with Joe Leech
Workshop, 4×2h + Q&A • Thu & Fri, May 6–14
10:00 AM – 12:30 PM CET (Europe) • 8:00 – 10:30 PM AET (Australia)
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.
- On the web
- iamakulov.com
- On Twitter
- @iamakulov
The React Performance Masterclass
with Ivan Akulov
Workshop, 5×2h + Q&A • Thu & Fri, May 20 – June 4
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
React apps struggle both from loading performance and runtime performance issues. In this workshop with Ivan Akulov, a Google Developer Expert, full-stack software engineer, and performance consultant, you will learn how to reproduce, diagnose, and resolve performance problems to give your React app a speed boost.
- On the web
- lea.verou.me/
- On Twitter
- @leaverou
Dynamic CSS Masterclass
with Lea Verou
Workshop, 5×2h + Q&A • Tue & Wed, May 25 — June 8
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Calling CSS custom properties “CSS variables” buries the lede. Sure, they can be used as simple variables, in the same way as Sass variables, but using custom properties for fonts and colors is only utilizing a tiny fraction of their power.
Used to their full extent, CSS custom properties can facilitate better collaboration and code reuse, improve maintainability, and downright enable possibilities that previously required large amounts of hard-to-maintain Javascript and violated separation of concerns. They truly are a revolution in the way we write CSS, whose potential is still largely untapped. Now that they are finally supported by every modern browser, there is no excuse not to dive in.
- On the web
- smashingmagazine.com
- On Twitter
- @smashingmag
New Adventures In Front-End, 2021 Edition
with Vitaly Friedman
Workshop, 5×2.5h + Q&A • Wed & Thu, June 9–23
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
With HTTP/3 + QUIC, Service Workers, Micro Front-Ends, JAM Stack, PWA, TypeScript, Web Assembly, AVIF, Variable Fonts, CSS Custom Properties 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 that within a reasonable amount of time?
We’ll explore a resilient, actionable strategy for building fast, scalable experiences. We’ll look into accessibility, text compression, image optimization, web font delivery, critical CSS, CSS layouts, JavaScript delivery, and improving Core Web Vitals along with performance bottlenecks. We will also explore tooling, how to make sense of DevTools network waterfalls and performance flame charts, WebPageTest, and a few little utilities along the way.
- 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, June 29 – July 13
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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.
- On the web
- thinkdobecreate.com/
- On Twitter
- @5t3ph
Level-Up With Modern CSS
with Stephanie Eckles
Workshop, 5×2.5h + Q&A • Thu & Fri, July 8–22
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Modern CSS has increased and improved the available CSS properties and layout behaviors, with modern browsers nearly in-sync for critical feature support. But — if you haven’t looked into CSS in a while, or have typically relied on frameworks to do the heavy lifting, it can seem overwhelming to figure out how to level-up your CSS skills!
Throughout this workshop, we’ll create our own CSS framework in order to learn about what modern CSS has to offer us.
- On the web
- boagworld.com
- On Twitter
- @boagworld
Designing Websites That Convert
with Paul Boag
Workshop, 4×2h + Q&A • Thu & Fri, July 22–30
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
When somebody first hits your website, you have only a few seconds to get their attention and then only a few more to encourage them to stay. So how do you use those valuable few seconds? How do you design a landing page that works?
In this masterclass, Paul Boag will show you how you can improve your landing page using a mixture of techniques from design, copywriting, psychology and marketing.
- On the web
- fettblog.eu
- On Twitter
- @ddprrt
The TypeScript Masterclass
with Stefan Baumgartner
Workshop, 5×2.5h + Q&A • Thu & Fri, August 5–19
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
TypeScript is an open-source language that builds on JavaScript by adding static type definitions. The flood of information on TypeScript, let alone the number of opinions on TypeScript, can be overwhelming.
Stefan Baumgartner, author of “TypeScript in 50 Lessons” lets you approach TypeScript from a JavaScript developer’s point of view. Go from beginner to expert and learn about type systems and how they can be used to define complex JavaScript scenarios.- On the web
- smashingmagazine.com
- On Twitter
- @smashingmag
Designing The Perfect Navigation
with Vitaly Friedman
Workshop, 2×2.5h + Q&A • Thu & Fri, August 26–27
09:00 – 12:00 AM PT (Pacific, US) • 18:00 – 21:00 CET (Europe)
Navigation is everywhere on the web — in accordions, in hamburger menus, mega-dropdowns, bottom bars, tabs, carousels, filters and search. Sometimes they open on tap, sometimes on click, sometimes on hover. Sometimes they open and collapse automatically, and sometimes auto-apply or patiently wait for a manual confirmation.
But what’s the right way to pave a clear path to your customers while also reaching your business goals and drive traffic and engagement along the way?
Our Previous Workshops
Workshop, 4×2h + Q&A • Mon & Tue, May 3–11
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
You spent days, weeks, or even months putting together a library of common components that other teams could use. You sent it around to a few other teams to try out. And then… Crickets. No reply. No one used it. Wait, you did get one reply, but they said they needed a few other things that weren’t in your library.Make Design Systems People Want to Use
with Dan Mall
Workshop, 5×2.5h + Q&A • Thu & Fri, April 22 – May 6
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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, 2021 Edition
with Vitaly Friedman
Workshop, 5×2h + Q&A • Tue & Wed, April 20 – May 5
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
Back by popular demand, 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, 4×2.5h + Q&A • Thu & Fri, April 8–16
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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.Architecting Design Systems
with Nathan Curtis, Kevin Powell
Workshop, 2×2.5h + Q&A • Tue & Wed, March 30–31
09:00 – 12:00 AM PT (Pacific, US) • 18:00 – 21:00 CET (Europe)
Navigation is everywhere on the web — in accordions, in hamburger menus, mega-dropdowns, bottom bars, tabs, carousels, filters and search. Sometimes they open on tap, sometimes on click, sometimes on hover. Sometimes they open and collapse automatically, and sometimes auto-apply or patiently wait for a manual confirmation.
But what’s the right way to pave a clear path to your customers while also reaching your business goals and drive traffic and engagement along the way?Designing The Perfect Navigation
with Vitaly Friedman
Workshop, 5×2.5h + Q&A • Thu & Fri, Mar 18 – Apr 1
09:00 – 11:30 AM PT (Pacific, US) • 17:00 – 19:30 CET (Europe)
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.Behavioral Design Workshop
with Susan Weinschenk, Guthrie Weinschenk
Workshop, 5×2.5h + Q&A • Tue & Wed, Feb 23 – Mar 9
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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 • Tue & Wed, February 16–17
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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, February 11–26
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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, which will help you deliver more engaging digital products.The SVG Animation Masterclass
with Cassie Evans
Workshop, 4×2.5h + Q&A • Tue & Wed, February 2–10
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
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
with Rémi Parmentier
Workshop, 5×2.5h + Q&A • Thu & Fri, Jan 21 – Feb 5
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
With HTTP/3 + QUIC, Service Workers, Micro Front-Ends, JAM Stack, PWA, TypeScript, Web Assembly, AVIF, Variable Fonts, CSS Custom Properties 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 that within a reasonable amount of time?
We’ll explore a resilient, actionable strategy for building fast, scalable experiences. We’ll look into accessibility, text compression, image optimization, web font delivery, critical CSS, CSS layouts, JavaScript delivery, and improving Core Web Vitals along with performance bottlenecks. We will also explore tooling, how to make sense of DevTools network waterfalls and performance flame charts, WebPageTest, and a few little utilities along the way.New Adventures In Front-End, 2021 Edition
with Vitaly Friedman
Workshop, 4×2h + Q&A • Tue & Wed, January 19–27
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
At first glance forms seem easy but look around the web for 30 seconds and you’ll find a million and one usability issues that stop users from doing the very thing the form was designed to help them do.
After this workshop, you’ll be able to design forms that avoid these problems because you’ll have the mindset, principles and techniques to make user-friendly forms that people can complete quickly and easily.Form Design Masterclass
with Adam Silver
Workshop, 5×2.5h + Q&A • Tue & Wed, January 5–19
09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
This workshop has been canceled GraphQL seems shiny on the frontend, and front-end developers love it because of the flexibility to pick and choose the right size of data for our UI. However, the developer experience of trying to build a backend that supports a GraphQL API can get ugly.
During this workshop, you will learn how to build a GraphQL API in just a few minutes with an amazing developer experience using Hasura. You will also learn how to wire it up to a front-end app.Build, Ship and Extend GraphQL APIs from Scratch
with Christian Nwamba
Workshop, 5×2h + Q&A • Thu & Fri, December 3–17
09:00 – 11:30 AM PT (Pacific Time) • 18:00 – 20:30 CET
The ability to create and maintain a good design system cannot be overstated. And arguably the best way to implement one is by using one of the most versatile computer languages in the world: CSS.
In this workshop, Andy Bell will teach you how to set up a good, scalable design system with CSS.Building A Design System With CSS
with Andy Bell
Workshop, 5×2.5h + Q&A • Tue & Wed, December 1–15
09:00 – 11:30 AM PT (Pacific Time) (18:00 – 20:30 CET)
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, 4×2h + Q&A • Wed & Thu, November 18–26
09:00 – 11:30 AM PDT (Pacific Daylight Time)
When somebody first hits your website, you have only a few seconds to get their attention and then only a few more to encourage them to stay. So how do you use those valuable few seconds? How do you design a landing page that works?
In this masterclass, Paul Boag will show you how you can improve your landing page using a mixture of techniques from design, copywriting, psychology and marketing.Designing Websites That Convert
with Paul Boag
Workshop, 5×2.5h + Q&A • Fri & Sat, November 6–20
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×2.5h + Q&A • Wed & Thu, October 28–29
4 PM – 6.30 PM 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.Designing for Emotion Masterclass
with Aarron Walter
Workshop, 5×2h + Q&A • Mon & Tue, October 12–26
09:00 – 11:30 AM PDT (Pacific Daylight Time)
Back by popular demand, 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 • Thu & Fri, October 8–22
09:00 – 11:30 AM PT (Pacific Time) • 18:00 – 20:30 CET
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, which will help you deliver more engaging digital products.The SVG Animation Masterclass
with Cassie Evans
Workshop, 5×2.5h + Q&A • Tue & Wed, September 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.Smart Interface Design Patterns, 2020 Edition
with Vitaly Friedman
Workshop, 2×2h + Q&A • Thu & Fri, September 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.The CSS Layout Masterclass
with Rachel Andrew
Workshop, 5×2.5h + Q&A • Thu & Fri, September 17 – October 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.Vue.js: The Practical Guide
with Natalia Tepluhina
Workshop, 5×2.5h + Q&A • Tue & Wed, September 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.Jamstack! Building Apps From Idea to Production in Hours, Not Weeks
with Jason Lengstorf
Workshop, 5×2.5h + Q&A • Thu & Fri, August 20 – September 4
09:00 – 11:30 AM PDT (Pacific Daylight Time)
This workshop has been canceled.
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.Designing for a Global Audience
with Yiying Lu
Workshop, 5×2.5h + Q&A • Wed & Thu, August 19 – September 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.Front-End Testing and Advanced Browser Automation
with Umar Hansa
Workshop, 5×2.5h + Q&A • Mon & Tue, August 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.Behavioral Design Workshop
with Susan Weinschenk, Guthrie Weinschenk
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.Web Application Security Masterclass: “Hack Yourself First”
with Scott Helme
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.Designing for Emotion Masterclass
with Aarron Walter
Workshop, 5×2.5h + 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.Creating and Maintaining Successful Design Systems
with Brad Frost
Workshop, 5×2.5h + 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.Buy! The eCommerce UX Workshop
with Vitaly Friedman
Workshop, 4×2.5h + Q&A • Thu & Fri, June 18–26
09:00 – 11:30 AM PT (Pacific Time) (18:00 – 20:30 CET)
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×2.5h + 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×2.5h + 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×2.5h + 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×2.5h + 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×2.5h + Q&A • April 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