CSS Weekly
banner
cssweekly.com
CSS Weekly
@cssweekly.com
Helping you stay up to date with CSS.

🎥 YouTube: https://cssw.io/youtube
⚜️ Mastering Linting: https://cssw.io/lint
🏷️ CSS Stickers https://cssw.io/stickers
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. 🙏
Issue #633 - CSS Weekly
Understand the fundamentals of CSS Layout, learn how stacking contexts work, why you should use the HTML autocomplete attribute on fields for 2FA, and more.
cssw.io
February 11, 2026 at 8:05 AM
[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
February 9, 2026 at 3:13 PM
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
Issue #632 - CSS Weekly
Find out what the current state of the web is, how we should redefine the Pixel Perfect concept, how to be more productive in Chrome DevTools Elements Panel, and more.
cssw.io
February 2, 2026 at 10:21 PM
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.
January 28, 2026 at 2:04 PM
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
January 26, 2026 at 3:24 PM
[👉 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...
How to debug @starting-style at-rule in Chrome DevTools - CSS Weekly
Learn how to debug the Starting Style at-rule in Chrome DevTools.
css-weekly.com
January 25, 2026 at 10:50 PM
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?
January 24, 2026 at 1:18 AM
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
Issue #631 - CSS Weekly
See the overview of best CSS features that landed in Chrome in 2025, learn what the future of CSS Masonry looks like, what the practical use cases for overflow: clip are, and more.
cssw.io
January 21, 2026 at 12:27 AM
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
CSS Weekly — Stay up-to-date with everything related to CSS
Weekly e-mail roundup of latest CSS articles, videos, tutorials, tools, and experiments.
css-weekly.com
January 19, 2026 at 11:15 PM
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? 🙂
January 11, 2026 at 10:18 AM
🔥 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
January 8, 2026 at 12:31 PM
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? 🙂
January 5, 2026 at 10:41 PM
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
CSS Weekly Issue #630
Learn what upcoming CSS Masonry means for web developers, how to adjust perceived font weight in dark mode, how to create an adaptive SVG favicon, and more.
cssw.io
December 22, 2025 at 2:42 PM
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...
Automate Your Testing Workflows Using BrowserStack’s AI Agents
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
cssw.io
December 13, 2025 at 12:11 AM
Instead of "overflow: hidden", use "overflow: clip" by default. 🎯

A fantastic point and article by @bram.us. 🙏
bram.us Bramus @bram.us · Dec 12
`overflow: clip` is my default.

In www.bram.us/2024/02/14/s... I wrote:

“I see no reason to use `overflow: hidden` your site, unless you have a good reason to. Using `overflow: clip` has exactly the same outcome, doesn’t interfere with Scroll-Driven Animations, and has great browser support.”
Scroll-Driven Animations: You want overflow: clip, not overflow: hidden
If you create a scroll-driven animation and find that scroll(nearest) is not working, check for overflow: hidden elements up the DOM tree and change them to overflow: clip.
www.bram.us
December 12, 2025 at 3:58 PM
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...
Chrome DevTools Elements Panel Tips & Tricks
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
cssw.io
December 12, 2025 at 12:38 PM
"Zoran Jambor, Founder of YouTube." 😏

Oh, AI Autocomplete, sometimes you really crack me up. 😂
December 10, 2025 at 3:00 PM
Reposted by CSS Weekly
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
Black Friday Deals
piccalil.li
December 9, 2025 at 10:53 AM
📰 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
Frontend News #19: CSS overscroll-behavior, scrollbar-gutter, text-grow Properties, & More
YouTube video by CSS Weekly
youtu.be
December 9, 2025 at 8:55 AM
A brief guide outlining the difference between "overflow: hidden" and "overflow: clip", along with practical use cases when you’ll find "overflow: clip" invaluable.
December 5, 2025 at 10:37 PM
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...
Frontend News #18: Self-Destructing CSS, Throttle Specific Requests In Chrome DevTools
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
cssw.io
December 3, 2025 at 10:15 PM
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 Issue #629
Learn the new range syntax for CSS style queries and the if() function, the exciting new things you can do with subgrid, and more.
cssw.io
December 3, 2025 at 5:06 PM
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
CSS Weekly Issue #628
Learn how to create timetable layouts using CSS, practical uses for the random() function, how to create performant SVG maps, and more.
cssw.io
November 28, 2025 at 3:41 PM
A short guide on creating an adaptive (light/dark) SVG favicon using the prefers-color-scheme media query. 🌗

#css
November 27, 2025 at 10:06 PM
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...
How to Easily Create Modern, CSS-First Forms in WordPress
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
cssw.io
November 25, 2025 at 12:18 AM