Workshops

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.

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 combo 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
— David Moulton, Front-end developer

The Front-End Accessibility Workshop
with Sara Soueidan
Full-day workshop • Monday, June 8th
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... or Register →
On the web
sarasoueidan.com
On Twitter
@sarasoueidan

Building Modern HTML Emails Without Going Mad
with Rémi Parmentier
Full-day workshop • Monday, June 8th
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.
Read more... or Register →
On the web
emails.hteumeuleu.com
On Twitter
@HTeuMeuLeu

Resilient Web Systems with CSS & Sass
with Miriam Suzanne
Full-day workshop • Monday, June 8th
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.
Read more... or Register →
On the web
oddbird.net
On Twitter
@mirisuzanne

Smart Responsive UX Design Patterns
with Vitaly Friedman
Full-day workshop • Monday, June 8th
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.
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... or Register →
On the web
smashingmagazine.com
On Twitter
@smashingmag

The CSS Layout Masterclass
with Rachel Andrew
Full-day workshop • Thursday, June 11th
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 →
On the web
rachelandrew.co.uk
On Twitter
@rachelandrew

Making and Maintaining Successful Design Systems
with Brad Frost
Full-day workshop • Thursday, June 11th
Design systems and provide solid ground for us to stand on as we tackle the increasingly diverse and fast-moving digital landscape. This full-day workshop will tackle everything that goes into making and maintaining successful interface design systems.
Read more... or Register →
On the web
bradfrost.com
On Twitter
@brad_frost

Front-End Performance: Building Faster Websites
with Harry Roberts
Full-day workshop • Thursday, June 11th
Every case-study, every report, and every bit of feedback always tells us the same thing: speed matters. It’s good for users, it’s good for accessibility, and it’s good for business. But why are modern browsing experiences so slow? If technology is getting better, why are websites getting worse?
Read more... or Register →
On the web
csswizardry.com
On Twitter
@csswizardry

New Front-End Adventures, 2020 Edition
with Vitaly Friedman
Full-day workshop • Thursday, June 11th
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 →
On the web
smashingmagazine.com
On Twitter
@smashingmag