Dynamic CSS with Custom Properties
Join us for an Awesome Workshop on:

Dynamic CSS with Custom Properties

September 29, 2021 - 10:30am to 6:00pm British Summer Time

RSVP to Attend Online

Live and in Full HD

You're Registered to Attend Online!

September 29, 2021 - 10:30am to 6:00pm British Summer Time

This Workshop's Online Chatroom is Currently Open!

September 29, 2021 - 10:30am to 6:00pm British Summer Time

This workshop has ended. Check back soon for the recording!

You can watch a replay of this workshop!

Dynamic CSS with Custom Properties

Some Key Takeaways!

By participating along with us in the workshop, you'll learn:

  • How custom CSS properties work and how to use them today
  • Improve maintainability of your CSS with custom properties
  • Use cases for updating custom properties dynamically
  • Create an API for your CSS and separate theming and structure
  • Make CSS reactive by combining custom properties and JS
  • Animate with custom properties and learn debugging tips

Your (Awesome) Instructor

Lea Verou

Lea Verou

Lea has been working on improving the Web for over a decade, from many angles. She helps move Web technologies forwards, as an elected W3C Technical Architecture Group (TAG) member, and as a longtime CSS Working Group Invited Expert and co-editor of several CSS specs. She currently works at MIT, doing research at the intersection of usability and programming languages and intermittently teaching these topics. She is a well known speaker and author, having written several articles, book chapters, and the bestselling advanced CSS book CSS Secrets. Lea has also started several open source projects and web applications, such as Prism, Mavo, and Awesomplete. Her open source work is used on millions of websites. She holds a MSc in Computer Science from MIT. Despite her technical pursuits, Lea is one of the few misfits who love code and design equally.

Spend A Full Day Immersed in Advanced CSS with Lea Verou

Workshop Details

Used to their full extent, CSS custom properties can facilitate better collaboration and code reuse, improve maintainability, and downright enable possibilities that previously required large amounts of hard-to-maintain JavaScript and violated separation of concerns. They truly are a revolution in the way we write CSS! However, utilizing them to their full extent requires a deeper understanding of both custom properties and CSS itself, and there is a number of gotchas that can trip even experienced frontend developers up. This workshop is exactly about empowering you to use custom properties to their full extent by equipping you with this knowledge.

Daily Schedule

We've already held over 300 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

  • 10:30AM
    Scope, Inheritance, custom property registration
  • 11:00AM
    Fallbacks, Default values, Invalid values. Invalid At Computed Value Time (IAVCT) vs Invalid at parse time
  • 12:30PM
    Lunch
  • 1:30PM
    Applications in color manipulation and Responsive Design
  • 2:30PM
    Syntax tokens, Data types and conversions, range mapping
  • 4:00PM
    Transitions & Animations
  • 5:00PM
    JS
Expand...

Interact with the Instructor

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?

Summary

This workshop is for everyone who writes CSS, or JS that interacts with CSS. This includes front-end designers, front-end and full stack developers. It will be especially useful for anyone who writes code that is used by other developers. Please note that this is an advanced course and not an introduction.

Any Prerequisites?

  • A solid understanding of CSS
  • Familiarity with CSS Custom Properties is helpful, but not required
  • Some basic familiarity with JS (mainly events and basic DOM) for the last section

Event Details

What

One Full Day Workshop Session

Replay Videos (available immediately)

When

September 29, 2021 - 10:30am to 6:00pm British Summer Time

Where

Attend online on our full HD live stream