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 599 CAD — all booking fees included. If you buy a combo ticket, you will save 100 CAD 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
-
- Your instructor
-
Rachel Andrew
Next Steps With CSS Layout
Full-day workshop • Monday, June 24
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. -
- Your instructor
-
Amber Case
Designing Calm Technology
Full-day workshop • Monday, June 24
The difference between an annoying technology and one that is helpful is how it engages our attention. Calm Technology is a framework for designing ubiquitous devices that engage our attention in an appropriate manner. The aim of Calm Technology is to provide principles that follow the human lifestyle and environment in mind, allowing technology to amplify humanness instead of taking it away. -
- Your instructor
-
Chris Gannon
Designing Delightful Animations For The Web
Full-day workshop • Monday, June 24
Lots Of Simple Things, One At A Time
In 1981 Disney animators Ollie Johnston and Frank Thomas introduced the Twelve Basic Principles of Animation, a set of techniques designed to add life to animation, in the book The Illusion of Life: Disney Animation.
Fast forward to the present day and these principles are no less relevant and can be applied, in varying degrees and contexts, to web animation.
In this workshop we'll explore each principle and learn to interpret them for and apply them to the modern web. -
- Your instructor
-
The Deque Team
Sponsored Workshop: How To Translate Wireframes Into Accessible HTML/CSS
Full-day workshop • Monday, June 24
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. -
- Your instructor
-
Vitaly Friedman
Smart Responsive UX Design Patterns
Full-day workshop • Monday, June 24
In this workshop, Vitaly Friedman, co-founder of Smashing Magazine, will cover practical techniques, clever tricks and useful strategies you need to be aware of when working on responsive websites. From responsive modules to clever navigation patterns and web form design techniques; the workshop will provide you with everything you need to know today to start designing better responsive experiences tomorrow. -
- Your instructor
-
Scott Jehl
Lightning Fast Web Performance
Full-day workshop • Thursday, June 27
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. -
- Your instructor
-
Sarah Drasner
Intro To Vue.js
Full-day workshop • Thursday, June 27
Vue.js brings together the best features of the javascript framework landscape elegantly. If you’re interested in writing maintainable, clean code in an exciting and expressive manner, you should consider joining this class. -
- Your instructor
-
Brad Frost
The Design System Process
Full-day workshop • Thursday, June 27
Design systems and provide solid ground for us to stand on as we tackle the increasingly diverse and fast-moving digital landscape. However, like most things in our field, the hard part of design systems isn’t specific design tools or code frameworks; it’s wrangling people and all their quirks. This full-day session will cover the process of creating a successful design system. -
- Your instructor
-
Vitaly Friedman
New Front-End Adventures, 2019 Edition
Full-day workshop • Thursday, June 27
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? -
- Your instructor
-
Cloudinary
Sponsored Workshop: Hacking Lizard Brain — Improving Visual Experience on the Web
Full-day workshop • Thursday, June 27
Web Performance is the art of hacking lizard brain. Users unconsciously disengage when a website is slow, unresponsive or unintuitive. Unfortunately most of the beautiful designs of our sites that are attracting users are also at the root of our performance ailes.
