Learn the way corner-shape property works, what’s doable with customizable choose, how you can create a folding nook impact with CSS, and extra.
Headlines
Past border-radius: What The CSS corner-shape Property Unlocks For On a regular basis UI
Brecht De Ruyte showcases how the brand new corner-shape property opens the door to beveled, scooped, and squircle corners.
Beautiful Customizable Selects
Patrick Brosset goes over a couple of demos demonstrating what’s doable with the brand new customizable <choose> characteristic.
From Our Sponsor
One CSS change broke checkout. No person seen till customers did.
You rename a category, push to prod, and one thing breaks silently three pages away. Sound acquainted? Autonoma spawns AI brokers that take a look at each person circulate like an actual individual, catching overlapping buttons, damaged interactions, and visible regressions earlier than your customers do.
CSS Weekly on YouTube
Frontend Information #21: Multi-Column Layouts, :heading Pseudo-Class
Learn the way to create multi-column layouts utilizing CSS, how the brand new :heading pseudo-class works, how you can scale content material with format, and extra.
Articles & Tutorials
Folded Nook with CSS
Kitty Giraudel provides a pleasant walkthrough of making a folding nook impact with CSS.
Automated accessible textual content with contrast-color()
Una Kravets exhibits how contrast-color() permits the browser to choose essentially the most readable textual content shade for any background.
Extra Simple Mild-Darkish Mode Switching: light-dark() is about to assist photographs!
Bramus Van Damme shares the information that light-dark() is being prolonged to assist photographs.
Dropdowns Inside Scrollable Containers: Why They Break And How To Repair Them Correctly
Godstime Aburu provides sensible options to repair issues with dropdowns in scrollable panels.
Two Circles, One Arrow, and Anchor Positioning
Temani Afif explores a much less frequent use case of Anchor Positioning.
Sponsored Hyperlink
Optimize web page pace and Core Internet Vitals
Questioning why your web site is gradual? DebugBear gives complete efficiency monitoring and in-depth technical experiences that can assist you pace up your web site.
Instruments
BaseWatch
Filippo Tinnirello constructed a useful app that may notify you when CSS properties attain baseline browser assist.
CroSSword
Alvaro Montoro created a CSS-themed crossword puzzle that includes 89 completely different CSS phrases: from properties to values, key phrases and features.
Inspiration
CSS Artwork: Cat Trying on the Stars
Alvaro Montoro created a stunning illustration of a cat wanting on the stars in HTML and CSS.
Till Subsequent Week
Thanks for studying! In case you discover the content material worthwhile, please take into account supporting the publication on Patreon.
Comfortable coding,
