A Rube Goldberg Machine

Explore the powerful combination of CSS Grid, Web Components, CSS Custom Properties, and Web Animations in this 46-minute conference talk from WeAreDevelopers. Discover how Ada Rose Edwards demonstrates new ways to approach frontend web development and website architecture by leveraging these four APIs together. Learn about semantic HTML, building CSS, the Web Animation API, asynchronous JavaScript, Shadow DOM, element styling, and more. Gain insights into browser compatibility, production use cases, and potential future developments in CSS. Delve into topics such as Flexbox fallbacks, screen reader handling of web components, and the benefits of CSS custom properties.

Introduction
Complexity
The Web
CSS Grid
Whitespace
Remove Elements
Semantic HTML
Building CSS
Jeremy Keith
Web Animation API
Asynchronous JavaScript
Web Components
Shadow DOM
Element Styling
CSS Custom Properties
CSS Grids Web Components
Custom Properties Web Animations
Thank You
Flexbox fallback
How do screen readers handle web components
Whats the benefit to using CSS custom properties
Will there be CSS code nesting
CSS grid in browser compatibility
Do you use these in production
Custom CSS property