Advanced Modern CSS Masterclass

Your instructor: Manuel Matuzović
Tickets: Get a ticket ↓

Workshop includes:

🔖 Examples to take away
🗣 Interactive sessions
📺 Workshop recordings
🎤 Dedicated Q&A time
🏅 Smashing Certificate

Workshop, 5×2h + Q&A • Mon & Tue, June 24 – July 8 2024
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰

clamp, :is, :where, min, max, lab, lch, oklab, oklch, cascade layers, container queries, logical properties, has, svh, dvh, lvh, font-pallets, subgrid… How do you feel when you read these terms? Confused? Interested? Excited? Overwhelmed?
Well, yeah, that’s how most of us feel. CSS has changed so much in the last few years that it’s almost impossible to stay up-to-date.

Here’s What You Should Be Expecting:

Interactive live sessions
5 × 2.5h live sessions

Practical insights
From testing tools to integrating accessibility testing

Hands-on exercises
With reviews by your teacher

Life-time access
To all video recordings and examples

Dedicated Q&A time
To ask all your questions

Smashing Certificate
A well-deserved reward for your work

$350 ^.00 $450^.00Register for this workshop →5 × 2h live sessions + Q&A. June 24 – July 8.
With all video recordings & slides. Get a ticket.

🎪 Save up to 25% on this workshop with a Smashing Membership.

2022 and 2023 were critical years for CSS. Browsers got together and began shipping new features week after week almost simultaneously. While that’s good news for us developers, keeping track of and adapting to those changes is challenging.

Manuel Matuzović introduces you to the most useful modern features in CSS and shows how you can implement them today in your code base to improve scalability, maintainability, and productivity.

What Will Attendees Learn In This Workshop?

How to manage specificity with the help of cascade layers, :is(), and :where().
New colour spaces and functions and their differences
How to reduce the dependency of JavaScript for layout.
Using custom properties to create scalable systems.
New functions in CSS such as min(), max(), clamp().
How to use container queries to create truly responsive components.
The benefits of using logical properties and what they are.
Creating flexible layouts using Grid and math functions in CSS.
New pseudo-classes such as :has.
Improving UX with view transitions.
Applying the progressive enhancement principle.
Using and tweaking color fonts.
Native nesting.

Who Is This For?

This is a full workshop, delivered in five 2.5-hour long sessions with lots of time for Q&A. It’s for web developers (front-end and back-end), UI designers and for anyone who has at least a basic understanding of HTML and CSS.

About Manuel Matuzović

Manuel Matuzović is a freelance front-end developer, auditor, teacher, and consultant who’s passionate about HTML and CSS. He writes about accessibility, HTML, and CSS on his personal blog matuzo.at and htmhell.dev.

Time & Schedule

This workshop is split over five days. The workshop sessions will run on the following days:

Mon, June 24, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
Tue, June 25, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
Mon, July 1, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
Tue, June 2, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
Mon, June 8, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)

$350 ^.00 $450^.00Register for this workshop →5 × 2h live sessions + Q&A. June 24 – July 8.
With all video recordings & slides. Get a ticket.

🎪 Save up to 25% on this workshop with a Smashing Membership.