Join Vitaly Friedman on New Adventures in Responsive Web Design

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 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? 

In this Masterclass, 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 techniques that might ensure that your responsive websites will stay relevant, flexible and accessible in the years to come. Beware: you won’t be able to unlearn the things that you’ll learn in the workshop!


The Masterclass tickets are sold at just €200 each on this page to Codegarden ticket holders (make sure you got your CG18 ticket first!). Sign-up will close when we reach the 30 seat limit - few seats are still avaliable:


Book your Masterclass seat now 


Practical info:

Date: Thursday, May 24th

Time: 8:00 - 15:00

Available seats: 30

Price: €200 / seat

Only available for Codegarden ticket-holders (buy your CG18 ticket here)

Masterclass sale starts April 17th


1 day - 17 topics!

After completing the Vitaly Friedman masterclass you definitely won’t go home “empty handed”. In the masterclass, you’ll cover no less than 17 different topics:

✔️Architecting and building pattern libraries and design systems

✔️ Content choreography, internationalization and localization issues

✔️ Layout techniques (Flexbox and CSS Grid)

✔️ Resolution independence (SVG Gotchas)

✔️ Compressive images (optimization and techniques)

✔️ Responsive images (technical perspective)

✔️ Dealing with web fonts (options, strategy, code snippets)

✔️ Deferring and lazy-loading JavaScript (techniques, tools)

✔️ Performance issues/strategy (best practices + HTTP/2 + HTTPS + prefetching techniques)

✔️ Transition from HTTP to HTTPS

✔️ Maintenance issues (e.g. dealing with legacy browsers)

✔️ Progressive web apps and offline functionality

✔️ Service workers and implication on design and development

✔️ Common front-end challenges and solutions

✔️ Accessibility issues and techniques

✔️ Responsive HTML email newsletters

✔️ Tooling (performance, frameworks, testing, quality assurance)


Only 30 seats available

The masterclass will take place on Thursday the 24th of May from 8:00 - 15:00. To ensure the best learning outcome for everyone, the masterclass room will only hold 30 chairs. Friedman's Masterclass tickets are normally priced between €4-500, but for Codegarden attendees we are selling them at just €200 each, making this an extraordinary chance to learn from a true expert at a price you won’t find anywhere else.

Want to join? Then make sure to buy before the 30 seats are gone.
Seats are served on a first come, first serve basis and as long as you see a button below this writing, there are still available seats: 


Buy your Masterclass seat now