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

I asked AI to turn the transcript of my video on the 'stretch' value in CSS into a blog post. This is the title it came up with. Should I publish it as is? Would you like to read about simplifying dimensional management in CSS? 🤪

Frontend News #17 ⛔️ Why Pseudo-Elements Don’t Work With :is(), 🎨 The Advantages of OKLCH 🕹️ Full 3D CSS Game Featuring @css-only.dev, @en.sitnik.ru, @davatron5000.bsky.social, @ivorjetski.bsky.social. 🙏 cssw.io/frontend-new...

CSS Weekly #626 👨‍🎤 The Weird Parts of position: sticky; 📱 Getting Creative With Small Screens 🗜️ How to use CSS line-clamp 🎯 Field Sizing Use Cases Featuring @adamrackis.bsky.social, @dxnny.fun, @ishadeed.com, @ahmadalfy.bsky.social, @bradwoodsio.bsky.social, @sindresorhus.com. 🙏 cssw.io/issue-626

🔥 CSS Quick Tip: `stretch` Value A brief guide for the upcoming 'stretch' value in CSS, which forces the element to take 100% width/height of the parent container while taking padding & margin into consideration, thus preventing unwanted overflow easily without using calc() or box-sizing. #css

Thrilled to see that my project, Baseline Status for Video, is among the winners of the Baseline Tooling Hackathon. 🤩

CSS Weekly #622 🚀 Best of CSS in 2025 😳 Uncommon media queries 💠 corner-shape property 💬 :heading pseudo-class Featuring @chriscoyier.net, @dxnny.fun, @jensimmons.bsky.social, @emilkowal.ski, @bram.us, @denodell.bsky.social. @silvestar.codes, @miocene.io. 🙏 cssw.io/issue-622

So thrilled to see Baseline Status for Video in action in one of the latest videos of @kevinpowell.co. 🤩 Kevin's video: cssw.io/stacking-con... Baseline Status for Video: cssw.io/baseline

CSS Weekly #621 🌈 Color Animation Techniques 🎨 Themeable User Interfaces ⚠️ View Transitions Quirks 💪 Power of Modern CSS Featuring @joshwcomeau.com, @bradfrost.com, @martr.app @rebane2001.bsky.social, @kevinpowell.co, @jason.energy, @deconspray.bsky.social, @alvaromontoro.com. 🙏 cssw.io/issue-621

It seems that my dad opened a Threads account. 🙂 His support and these likes mean so, so much—thanks, dad! ❤️

I'm a bit behind on my newsletter reading, so I've only now noticed that my corner-shape demo was featured in the CodePen Spark newsletter. 🤩 Thanks so much, @codepen.io! 🙏

Which color format do you usually reach for by default, and why still HEX? 🎨 a) HEX b) RGB c) HSL d) OKLCH e) Other

Baseline Status for Video 🔥 I created an app that enables you to easily show Baseline Status for web platform features in your videos. Here's how it works: cssw.io/introducing-...

Have you tried the CSS corner-shape Property already? 🌈 A brief look at the new corner-shape CSS property, which lets you easily create interesting and creative border effects. cssw.io/corner-shape

CSS Weekly #620 🎂 Read about history of Google Chrome 📐 Learn CSS Alignment ✨ Lean into Progressive Enhancement 🌈 Understand OKLCH Colors Featuring @addyosmani.bsky.social, @css-only.dev, @bell.bz, @jakubkrehel.bsky.social, @sunkanmifafowora.bsky.social, @projectwallace.com. 🙏 cssw.io/issue-620

I have a last-minute open sponsorship in this week's newsletter. Do you want to snatch it for 55% off? 🔥 It's a first-come, first-served deal. Please reach out to [email protected] with the subject "Last-Minute Sponsorship" 😉

Frontend News #16 📰 :heading Pseudo-Class 🌈 Faded Text Effects 📦 Don’t Inherit the Box Model 🔥 View Transitions Demos Featuring @cassidoo.co, @miriam.codes, @jasonsantamaria.bsky.social, @nerdy.dev. 🙏 youtu.be/qGad28-Qh1E

I've been talking to quite a few developers lately, and I'm stunned at how many still have no idea what Baseline is. 🤷‍♂️ Are you aware of it? Do you use it when thinking about browser support?

Did you know I'm launching a new newsletter, AI Developer, focused on helping you stay up-to-date with AI tools & trends? More than 600 people have already signed up, so I suppose it's time to send the first issue. 🙂 Subscribe here so you don't miss it: aideveloperweekly.com

CSS Weekly #619 👀 Create Scrollspy effects using only CSS 🧮 Learn how the random() function works ↩️ Restore deleted files in VS Code Featuring @sarasoueidan.com, @jensimmons.bsky.social, @shadeed9.bsky.social, @amitsheen.bsky.social 2x, @anatudor.bsky.social. 🙏 cssw.io/ssue-619

[VS Code Quick Tip 💡] Learn how to restore deleted files in @vscode.dev using local file history, and how to restore different versions of files outside of version control.

[Quiz] Is this valid CSS? 🤔 To be clear, this is the entire context, & is not nested within another selector. (I'll share the explanation tomorrow.)

🗞️ Frontend News #15 After a (too) long hiatus, I'm back with another video, covering: 🔎 CSS transform order matters 💬 Creative drop caps 🧐 Quiz: You're not a front-end developer until you've... Featuring @jakearchibald.com, @allthatmalarkey.bsky.social, @bartspaans.com. 🙏 cssw.io/frontend-new...

CSS Weekly #614 🧱 Combine BEM, utility classes, & Cascade Layers 🌈 Eliminate banding in CSS gradients 🚀 How CSS if() function works 🚧 Get the most from the Console in DevTools cssw.io/issue-614

I'm back from vacation and ready for new CSS (and AI) challenges! 💪 Are *you* planning to travel somewhere this summer? 🏖️

Are you curious about how to fit AI into your dev workflow or how to use it effectively? Same here. That's why I'm launching the AI ​​Developer Weekly newsletter. As with CSS Weekly, you'll get top-quality: 📝 Articles 🛠️ Tools 🧠 Tips Sign up today: cssw.io/aideveloper

Are you curious about how to fit AI into your dev workflow or how to use it effectively? Same here. That's why I'm launching the AI ​​Developer Weekly newsletter. As with CSS Weekly, you'll get top-quality: 📝 Articles 🛠️ Tools 🧠 Tips Sign up today: cssw.io/aideveloper

🔥 Quick Tip How to disable Cross-Origin Resource Sharing (CORS) in Google Chrome for testing purposes.

Have you tried using AI in your development workflow, and did you find it useful? 🤖 I'll appreciate any answers you might have, including yes, no, and 'hate-it'. 🙂

Do you ever tweak the ::selection CSS pseudo-element in your projects? 🌈

[🎥 New Video] An overview of Amelia WordPress plugin that will help you create user-friendly booking solutions with powerful features such as: 📆 Event list and booking calendar view 🪄 Step-by-step booking wizard 🔁 Recurring appointments & events youtu.be/CRbUuLhoE1A

CSS Weekly #612 🎠 Are CSS Carousels are accessible? ✂️ How margin-trim works 🦉 Should you use an owl selector (* + *) 👾 Retro animations & modern CSS Featuring @sarasoueidan.com, @jensimmons.bsky.social, @anatudor.bsky.social, @jamessw.com, @konstantindenerz.bsky.social. 🙏 cssw.io/issue-612

⭐️ CSS Quick-Tip 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. cssw.io/css-grid-wrap Hat-tip to @cferdinandi.bsky.social, @5t3ph.bsky.social, & @evanminto.com. 🙏