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. Lunch will be provided on both workshop days.

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

Lightning Fast Web Performance
with Scott Jehl
Full-day workshop • Monday, October 14
Page-load times in the ten-second range are still common today, and as the gap between high-end and common devices widens, page performance stands to get worse for the average consumer. Why so slow? It’s mostly our fault: our sites are heavy, and they’re often delivered in ways that don’t take advantage of how browsers work.
Read more...
On the web
scottjehl.com
On Twitter
@scottjehl

Building Accessible Sites With Gatsby
with Marcy Sutton
Full-day workshop • Monday, October 14
In this workshop you’ll learn how to build accessible, fast sites with the Gatsby website framework, while paying proper attention to HTML and CSS. You’ll learn the ins and outs of creating accessible Gatsby sites, from server-side rendering and progressive enhancement to integration and unit testing of components and pages.
Read more... or Register →
On the web
marcysutton.com
On Twitter
@marcysutton

Designer / Developer Collaborative Workflow
with Dan Mall, Brad Frost
Full-day workshop • Monday, October 14
Are you tired of throwing comps over the metaphorical wall and seeing the details lost in the actual build? Do you hate receiving unrealistic designs and having no time to build them or even ask questions about them?
Read more... or Register →
On the web
danielmall.com
bradfrost.com
On Twitter
@danmall
@brad_frost

Stop Stalling: Adding Video to the Web
with Cloudinary
Full-day workshop • Monday, October 14
The web has become a visual format where images tell as much of the story as the text. While photos and images are at the core of building websites, today’s faster networks and devices mean that video is getting a lot of attention.Today we have news sites, e-commerce sites amongst others that leverage video content for a full, visual experience.
Read more... or Register →
On the web
cloudinary.rocks/cecsn
On Twitter
@cloudinary

Sponsored Workshop: How To Translate Wireframes Into Accessible HTML/CSS
with The Deque Team
Full-day workshop • Monday, October 14
There’s more than one way to code a web design, but the choices we make in the process of translating a wireframe into web content have a huge impact on the accessibility of that content.
Read more... or Register →
On the web
www.deque.com
On Twitter
@dequesystems

Smart Responsive UX Design Patterns
with Vitaly Friedman
Full-day workshop • Monday, October 14
Are you ready for a design challenge? In this brand new workshop, Vitaly Friedman, co-founder and creative lead of Smashing Magazine, will be taking a microscopic examination of common interface components and problems appearing in responsive user interfaces. In this workshop, 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...
On the web
smashingmagazine.com
On Twitter
@smashingmag

Next Steps With CSS Layout
with Rachel Andrew
Full-day workshop • Thursday, October 17
In this workshop you’ll explore the new features available for CSS Layout with CSS Working Group Invited Expert Rachel Andrew. Learn the emerging best practices for using Grid and Flexbox. Discover how to support browsers without support, and ensure that our new powers don’t lead to us causing accessibility problems.
Read more... or Register →
On the web
rachelandrew.co.uk
On Twitter
@rachelandrew

Modern Universal React Dev With Next.js
with Remy Sharp
Full-day workshop • Thursday, October 17
Next.js is a framework for building React applications with automatic server side rendering support, which results in improved performance over “vanilla” React.
Read more... or Register →
On the web
remysharp.com
On Twitter
@rem

Front-End Performance: Building Faster Websites
with Harry Roberts
Full-day workshop • Thursday, October 17
Every case-study, every report, and every bit of feedback always tells us the same thing: speed matters.
Read more... or Register →
On the web
csswizardry.com
On Twitter
@csswizardry

New Front-End Adventures, 2019 Edition
with Vitaly Friedman
Full-day workshop • Thursday, October 17
With HTTP/2, Service Workers, Progressive Web Apps, Variable Fonts, CSS Custom Properties, Responsive Images, 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 designing and buildings responsive websites efficiently. We want to use all of these technologies and smart processes like atomic design, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?
Read more...
On the web
smashingmagazine.com
On Twitter
@smashingmag