Use CSS reading-flow for logical sequential focus navigation
Di Zhang and Rachel Andrew explain the reasons behind the design of reading-flow and reading-order properties and some brief details to get you started with them.
Issue #613
Creating Blob Shapes using clip-path: shape()
Temani Afif shows how to create blob shapes using the new shape() function.
From Our Sponsor
Debug APIs Without Leaving the Browser—Requestly Joins BrowserStack
Skip the proxy setup and mock API responses right in your browser. Requestly, now backed by BrowserStack, helps front-end devs intercept, modify, and debug HTTP requests instantly.
Zero config. Open-source. Works with local dev and team workflows. Speed up your styling, scripting, and shipping.
CSS Weekly on YouTube
▶ CSS Tips: Flexible Wrapping CSS Grid
A quick tip that will show you how to create a flexible CSS Grid with a varying number of items that expands, shrinks, and wraps to accommodate the number of items that can fit in one grid row.
▶ A New Alternative to the CSS Owl Selector
Find out what the most common use case for the CSS Owl Selector is, and how you can easily replace it using the experimental CSS margin-trim property.
Sponsored Link
Hoverify — All-in-One Browser Extension for Web Developers
Supercharge your web development workflow with an all-in-one browser extension that helps you inspect, edit, test, debug, and optimize websites faster.
Inspiration
Neon Glass Context Menu
Simon Goellner built a stunning component using advanced filters and blending techniques to create the electric-pop effect.