Pushed a small update to the CSS Weekly Newsletter Archives page to make it more useful, so here's a quick walkthrough. 🙂 #css youtu.be/NEDhCrx-9Bc

My last YouTube video — a humorous take on Claude Code Leak — was watched over 10k times in the first week after I published it. 🙏 So I'm thinking I should maybe do more funny takes on breaking news in the CSS/AI/coding space. 🤪 #css #claudecode

Frontend News #22 ❤️ Detect at-rule support in CSS 👉 pointer-box-offset property 🦄 Creative ways are to select the HTML element 😍 x86 CPU architecture in CSS Featuring @bram.us, @robinrendle.bsky.social, @tylersticka.com, @dxnny.fun, @rebane2001.bsky.social. 🙏 cssw.io/frontend-new...

CSS Weekly #638 Learn about: 💠 corner-shape property 📋 customizable select 📄 folding corner effect 🌗 contrast-color() ➕ and more Featuring @utilitybend.com, @patrickbrosset.com, @kittygiraudel.com, @una.im, @bram.us, @css-only.dev, @alvaromontoro.com, cssw.io/issue-638

Did you hear that Claude Code's source code was leaked via their NPM registry? 😱 Well, I tried to have some fun with it. 😎 #claudecode #css

Everything Ahmad creates is top-notch and well worth your time. I didn't take this course (yet), but I'm sure you'll get much more than you paid for. Enroll today 😉

Safari is the first browser to support CSS Grid Lanes—no more JS libraries or weird hacks to build masonry layouts. 🚀 Have you played with it already?

New WebKit Features in Safari 26.4 🧱 Grid Lanes 📦 Name-Only Container Queries 🧮 Math Typography 🔎 Zoom (fixes) Math Typography seems like something people will overlook, but might be very useful. You know, when mathing on the web. 🙂 webkit.org/blog/17862/w...

CSS Weekly #637 🖼️ Use border-shape to define custom borders ✅ Customize lists using ::marker, at-counter-style... 🔠 Improve your typography using text-indent keywords Featuring @una.im, @clagnut.com, @dxnny.fun, @theoplawinski.com, @zellwk.bsky.social, @tanstack.com, @syntax.fm 🙏 cssw.io/issue-637

I'll be joining Chris (@codepo8.bsky.social) and Dan (@danielcranney.bsky.social) on the WeAreDevelopers LIVE show Today, at 12:30 CET. 📆 We’ll dive into all things dev and CSS, so I hope you’ll tune in. 🙂 cssw.io/wearedevelop...

I'd somehow missed the `every-line` keyword for text ident that @cssweekly.com looks at in this video. www.youtube.com/watch?v=rUOS...

Frontend News #21 📰 New props for multi-column layouts 📔 How the :heading pseudo-class works 🔎 Scale content & layout using the zoom property 🀄️ Play CSS Mahjong Solitaire Featuring @rachelandrew.bsky.social, @sturobson.com, @stefanjudis.com. 🙏 #css #frontend youtu.be/ZlsFs6k4loc

Did you know that you can use keywords with CSS text-indent? 🔥

Morning, friends! It looks like we can get to 13k on YouTube today, or at least this week. 🤩 Are you subscribed yet? ❤️

Frontend News #20 🧱 CSS Grid Lanes, 🔎 ::search-text Pseudo-Element 📍HTML Geolocation Element ❤️ Single character performance issues Featuring @jensimmons.bsky.social, @dxnny.fun, @allenpike.com, @matuzo.at, @tolin.ski. 🙏 cssw.io/frontend-new...

Issue #635 🌎 The state of real-world CSS usage 📋 Nice customizable select 🎯 Targeting elements in DevTools console 🔎 Maintainable CSS using at-scope Featuring @veneman.dev, @nerdy.dev, @css-only.dev, @monknow.bsky.social, @nicolesullivan.bsky.social, @anatudor.bsky.social. 🙏 cssw.io/issue-635

Rocking my daughter's beanie. 😎 Kind of wish the beanie was more prominent in the photo. How was your weekend? 🙂

Always thrilled when I see the Baseline Status for Video widget in someone's tutorial. 🤩 In this quick tip, @kevinpowell.co showcases how corner-shape property works: www.youtube.com/shorts/-gN8J...

CSS Weekly #634 😾 Solve annoying problems using CSS 📏 Connect elements using Anchor Positioning 🎥 Create performance-optimized video embeds 🔥 And more Featuring @kevinpowell.co, @ishadeed.com, @stfbauer.bsky.social, @aarontgrogg.com, @aardrian.bsky.social, @alvaromontoro.com. 🙏 cssw.io/issue-634

I tried using AI to generate a thumbnail for my latest YouTube video. This is what it came up with. 👨‍💻 The part that shocks me? This image of me was generated by AI, purely based on the video. It's so accurate that I have trouble pointing out details that are off.

Did you know you can use Touch ID to run sudo commands on macOS? 🪪 It’s really simple. 👇

CSS Weekly #633 🧱 Fundamentals of CSS Layout 📚 How stacking contexts work 🏁 Debug starting-style in DevTools 🔐 Autocomplete on fields for 2FA Featuring @polypane.app, @joshtumath.uk, @nerdy.dev, @mattzeunert.com, @matuzo.at, @css-only.dev, @sturobson.com. 🙏

[Chrome DevTools Quick Tip 🔥] Did you know that, apart from the currently selected element ($0), you can easily target the history of selected elements from the Element Panel in the Console? 🚀 #devtools #chromedevtools

CSS Weekly #632 📈 The current state of the web 👾 Is Pixel Perfect concept still relevant? 💪 Be more productive in DevTools Elements Panel 🧱 Grid layout transitions Featuring @httparchive.org, @amitsheen.bsky.social, @chriscoyier.net, @en.sitnik.ru, @lea.verou.me, @pengzhanbo.cn. 🙏 cssw.io/issue-632

Are you using the HTML autocomplete attribute on fields for 2FA, one-time codes, and web authentication? 🔒 Please do—it massively improves the login UX.

My daughter entrusted me to take care of her toy pets while she's at school. Little does she know I have them churning out CSS and DevTools content. Honestly, they're doing a much better job than AI ever could. 🐇🐈 #css #devtools

[👉 New Quick Tip on the Blog 👈] How to debug Starting Style at-rule in Chrome DevTools, covering: 🧪 How to test existing transitions 🎨 How to tweak at-starting-style css-weekly.com/how-to-debug...

Did you know that you can easily debug starting-style CSS at-rules in Chrome DevTools? 🏁 In the Elements Panel, find the element where the starting-style is applied, then click on the (starting-style) label to show the values in DevTools. 🔥 Have you already used the Starting Style at-rule?

CSS Weekly #631 🔥 Best of CSS in 2025 🧱 CSS Masonry ✂️ Use cases for overflow: clip 👉 scroll-state(scrolled) Featuring @una.im 2x, @bram.us 2x, @rachelandrew.bsky.social, @tunetheweb.com, @jensimmons.bsky.social, @amitsheen.bsky.social, @yoav.ws, @ericwbailey.website. 🙏 cssw.io/issue-631

Psst... 🤫 Here's something I've been working on for the past few months—a new home not just for the newsletter, but for all CSS Weekly content, from newsletter issues, videos, quick tips, to blog posts. What do you think? 🙂 css-weekly.com

I thought about playing with CSS and building some cool demos this weekend, but ended up playing in the snow with my daughter instead, building igloos. ⛄ How is your weekend going? Have you built anything? 🙂

🔥 Mesmerizing Corner Shapes using superellipse() The corner-shape property is animatable, so you can easily create a mesmerizing scenes (such as this one) by specifying random values for the superellipse() CSS function. #css

Happy New Year, friends! 🎉 I've been off for a while, but I'm back and ready to dig back into CSS! Are you excited to see how CSS continues to evolve in 2026, as I am? 🙂

CSS Weekly #630 🧱 Dive deep into CSS Masonry 🌒 Adjust perceived font weight in dark mode 🔥 Create an adaptive SVG favicon 📰 Use grid-template-areas Featuring @patrickbrosset.com, @nerdy.dev, @saron.bsky.social, @kevinpowell.co, @mattzeunert.com, @miketromba.bsky.social. 🙏 cssw.io/issue-630

Find out how to use BrowserStack’s AI agents to automate your testing workflows. 🚀 In this hands-on guide, you’ll learn how to: ✍️ Turn user stories into structured test cases 🧪 Convert those cases into automated tests This flow makes creating end-to-end tests a breeze. cssw.io/automate-tes...

Instead of "overflow: hidden", use "overflow: clip" by default. 🎯 A fantastic point and article by @bram.us. 🙏

Chrome DevTools Elements Panel Tips & Tricks In this guide, you’ll learn how to: 🪧 Hide inspect element popups on hover ✅ Work with CSS classes effectively 🫣 Keep dropdowns from disappearing while DevTools are focused cssw.io/devtools-ele...

"Zoran Jambor, Founder of YouTube." 😏 Oh, AI Autocomplete, sometimes you really crack me up. 😂

Alright, final call. Today is the last day you can take advantage of the @piccalil.li Black Friday deals. Once today is up, they are *done*. Normal service resumes from then. Thank you all for your patience and support! piccalil.li/black-friday

📰 Frontend News #19 A brief look at CSS properties: 🌈 overscroll-behavior 🎯 scrollbar-gutters 🤯 text-grow 🧠 And more... Featuring @bram.us, @zachleat.com , @css-only.dev, @projectwallace.com, @nerdy.dev. 🙏 youtu.be/PjZYyZWukBw

A brief guide outlining the difference between "overflow: hidden" and "overflow: clip", along with practical use cases when you’ll find "overflow: clip" invaluable.

Frontend News #18 💣 Self-Destructing CSS 🐌 Throttling Specific Requests In Chrome DevTools 🎨 SVG Gobbler 🔥 Customizable Select Featuring @scottjehl.com, @mattzeunert.com, @kizu.dev, @rossmoody.bsky.social, @una.im. 🙏 cssw.io/frontend-new...

CSS Weekly #629 🏔️ Range Syntax for Style Queries 🎯 New layouts with CSS Subgrid 🧠 Intro to CSS if Statements Featuring @una.im, @joshwcomeau.com, @sunkanmifafowora.bsky.social, @stefanjudis.com, @tylersticka.com, @amitsheen.bsky.social, @innocenzi.dev, @cbolson.bsky.social. 🙏 cssw.io/issue-629

CSS Weekly #628 🕰️ Multi stage timetable with modern CSS 🎯 CSS random() experiments 🚀 Practical view transitions examples 💯 A guide to the HTML number input Featuring @ichimnetz.com, @chriscoyier.net, @vale.rocks, @dxnny.fun, @bram.us, @ollie-williams.bsky.social, @mirrow.app. 🙏 cssw.io/issue-628

A short guide on creating an adaptive (light/dark) SVG favicon using the prefers-color-scheme media query. 🌗 #css

How to Easily Create Modern, CSS-First Forms in WordPress 🎥 Learn how to build forms using the IvyForms plugin, plus how to: 🗃️ Use Chrome DevTools Changes drawer 🎨 Tweak colors in OKLCH color format 💠 Add Additional CSS in Theme Editor cssw.io/css-first-wo...

[WordPress Quick Tip 🎯] How to add Additional CSS if your theme is missing the Appearance -> Customize option. #css #wordpresstutorials

Thrilled to see Baseline Status for Video featured in @frontendfocus.bsky.social. 🙏 Have *you* tried it yet (if you're creating video content)? 🙂

CSS Weekly #627 🚀 Animation Performance 🗺️ Generative CSS Worlds 🙆‍♂️ CSS stretch Value 👯 Animation with Sibling-* Functions Featuring @mattgperry.bsky.social, @preethisam.bsky.social, @allthatmalarkey.bsky.social, @dxnny.fun, @bram.us, @kilianvalkhof.com, @cferdinandi.bsky.social. 🙏 cssw.io/issue-627

[🗺️ New Video] A guide to creating customizable, performant map UI components that you can easily style with CSS using the MapSVG WordPress plugin. youtu.be/q2Ump9Bf75o