Tomorrow's CSS

Info

This repo was created as a playground to demonstrate some of the new CSS features at the Zühlke's Client Technology Days 2023 by DX.

Demo ToDo Angular Application

Demo: https://tomorrows-css.netlify.app/

Code: todo

Slides:

Slides

Sources

• Github: https://github.com/webplatformz/ctd-2023-tomorrows-css
• What's new in CSS and UI: I/O 2023 Edition
• Container Queries
• @container and :has(): two powerful new responsive APIs landing in Chromium 105
• More control over :nth-child() selections with the of S syntax
• The large, small, and dynamic viewport units
• MDN translate, MDN rotate, MDN scale
• MDN Popover API
• MDN View Transition Name
• Smooth and simple transitions with the View Transitions API
• Animate elements on scroll with Scroll-driven animations