CSS Just Got 10 New Features (and they're actually good) скачать в хорошем качестве

CSS Just Got 10 New Features (and they're actually good)

🔥 CSS is evolving faster than ever! Discover 10 game-changing CSS features that just landed in browsers - from native popovers and smooth animations to a brand new way to center divs. No JavaScript required for any of these demos! 💡 Key Features Covered: • Native HTML/CSS popovers with @starting-style animations • Enhanced details/accordion components with display: flex • Interpolate-size for animating to auto heights • Field-sizing: content for responsive input fields • Paint-order for better text stroke effects • Light-dark() function for effortless theme switching • Anchor positioning for tooltip-like elements • Align-content now works on block elements (new centering method!) 🔗 Relevant Links: • CSS Wrapped by Chrome Dev Team (mentioned in video) • All demo code and examples referenced 🔗 Relevant Links CSS Wrapped 2024: https://chrome.dev/css-wrapped-2024/#... ❤️ More about us Radically better observability stack: https://betterstack.com/ Written tutorials: https://betterstack.com/community/ Example projects: https://github.com/BetterStackHQ 📱 Socials Twitter:   / betterstackhq   Instagram:   / betterstackhq   TikTok:   / betterstack   LinkedIn:   / betterstack   📌 Chapters: 00:00 Intro 00:25 Popover API 01:56 @starting-style 03:19 Details display support 04:45 ::details-content 05:36 Interpolate Size 07:12 field-sizing 08:19 paint-order 08:49 light-dark() 09:34 Anchor Positioning 10:23 Center a div 20:52 Outro