Overview
Note: This is a full day workshop and will be held on Oct 2, and is available to those with a WORKS or WORKSHOP ticket.
With HTTP/2, service workers, responsive images, Flexbox, 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 building 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?
In this full-day front-end workshop, Vitaly Friedman, editor-in-chief of Smashing Magazine, will be looking into a strategy for crafting fast, resilient and flexible responsive design systems by utilizing all of those wonderful shiny web technologies we have available today. We’ll also talk about dealing with legacy browsers and will cover a few dirty little front-end techniques that might ensure that your responsive websites will stay relevant, flexible and accessible in the years to come.
Target Audience
The workshop is intended for intermediate/advanced designers and developers who have an understanding of responsive design and how it works. We won’t cover the basics — instead, the workshops covers more advanced techniques used in responsive design.
Assumed Audience Knowledge
At least some knowledge of CSS and JavaScript is required.
Six Things Audience Members Will Learn
- How to craft better, more flexible components with Flexbox
- How to deal with resolution independence and responsive images
- How to bake accessibility into the responsive code base
- How to deal with web fonts and JS/CSS loading behavior for better performance
- How to establish performance issues (best practices + HTTP/2 + HTTPS + prefetching techniques) and deal with maintenance
- How to establish offline support/experience with service workers.
