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
🎥 YouTube: https://cssw.io/youtube
⚜️ Mastering Linting: https://cssw.io/lint
🏷️ CSS Stickers https://cssw.io/stickers
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? 🤪
Should I publish it as is? Would you like to read about simplifying dimensional management in CSS? 🤪
November 10, 2025 at 8:13 AM
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? 🤪
Should I publish it as is? Would you like to read about simplifying dimensional management in CSS? 🤪
🔥 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
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
November 7, 2025 at 12:20 PM
🔥 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
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
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
Kevin's video: cssw.io/stacking-con...
Baseline Status for Video: cssw.io/baseline
October 21, 2025 at 2:04 PM
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
Kevin's video: cssw.io/stacking-con...
Baseline Status for Video: cssw.io/baseline
It seems that my dad opened a Threads account. 🙂
His support and these likes mean so, so much—thanks, dad! ❤️
His support and these likes mean so, so much—thanks, dad! ❤️
October 15, 2025 at 1:09 PM
It seems that my dad opened a Threads account. 🙂
His support and these likes mean so, so much—thanks, dad! ❤️
His support and these likes mean so, so much—thanks, dad! ❤️
What kind of app are you building there? 😳
I mean, if that's the case and you can directly tie that 0.2% to several hundred million dollars a year, then you absolutely should support IE. 🙂
Do your stats show this, or is this based on global usage? (You can see my stats in the image.)
I mean, if that's the case and you can directly tie that 0.2% to several hundred million dollars a year, then you absolutely should support IE. 🙂
Do your stats show this, or is this based on global usage? (You can see my stats in the image.)
October 15, 2025 at 1:08 PM
What kind of app are you building there? 😳
I mean, if that's the case and you can directly tie that 0.2% to several hundred million dollars a year, then you absolutely should support IE. 🙂
Do your stats show this, or is this based on global usage? (You can see my stats in the image.)
I mean, if that's the case and you can directly tie that 0.2% to several hundred million dollars a year, then you absolutely should support IE. 🙂
Do your stats show this, or is this based on global usage? (You can see my stats in the image.)
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! 🙏
Thanks so much, @codepen.io! 🙏
October 14, 2025 at 10:53 PM
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! 🙏
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
a) HEX
b) RGB
c) HSL
d) OKLCH
e) Other
October 13, 2025 at 10:07 PM
Which color format do you usually reach for by default, and why still HEX? 🎨
a) HEX
b) RGB
c) HSL
d) OKLCH
e) Other
a) HEX
b) RGB
c) HSL
d) OKLCH
e) Other
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" 😉
It's a first-come, first-served deal. Please reach out to [email protected] with the subject "Last-Minute Sponsorship" 😉
September 18, 2025 at 4:13 PM
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" 😉
It's a first-come, first-served deal. Please reach out to [email protected] with the subject "Last-Minute Sponsorship" 😉
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?
Are you aware of it? Do you use it when thinking about browser support?
September 8, 2025 at 8:21 AM
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?
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
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
September 1, 2025 at 9:35 PM
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
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
[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.
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.
August 28, 2025 at 11:52 AM
[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.
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.)
To be clear, this is the entire context, & is not nested within another selector.
(I'll share the explanation tomorrow.)
August 12, 2025 at 1:14 PM
[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.)
To be clear, this is the entire context, & is not nested within another selector.
(I'll share the explanation tomorrow.)
I'm back from vacation and ready for new CSS (and AI) challenges! 💪
Are *you* planning to travel somewhere this summer? 🏖️
Are *you* planning to travel somewhere this summer? 🏖️
July 1, 2025 at 9:39 PM
I'm back from vacation and ready for new CSS (and AI) challenges! 💪
Are *you* planning to travel somewhere this summer? 🏖️
Are *you* planning to travel somewhere this summer? 🏖️
🔥 Quick Tip
How to disable Cross-Origin Resource Sharing (CORS) in Google Chrome for testing purposes.
How to disable Cross-Origin Resource Sharing (CORS) in Google Chrome for testing purposes.
June 16, 2025 at 10:14 PM
🔥 Quick Tip
How to disable Cross-Origin Resource Sharing (CORS) in Google Chrome for testing purposes.
How to disable Cross-Origin Resource Sharing (CORS) in Google Chrome for testing purposes.
Do you ever tweak the ::selection CSS pseudo-element in your projects? 🌈
June 2, 2025 at 9:18 PM
Do you ever tweak the ::selection CSS pseudo-element in your projects? 🌈
I'm always fascinated when I hear YouTube's audio translation of my videos.
It sounds quite natural, but I'm not sure how accurate or useful it really is. Do you ever watch auto-translated videos? 🙂
It sounds quite natural, but I'm not sure how accurate or useful it really is. Do you ever watch auto-translated videos? 🙂
April 30, 2025 at 10:34 AM
I'm always fascinated when I hear YouTube's audio translation of my videos.
It sounds quite natural, but I'm not sure how accurate or useful it really is. Do you ever watch auto-translated videos? 🙂
It sounds quite natural, but I'm not sure how accurate or useful it really is. Do you ever watch auto-translated videos? 🙂
I've been trying out Cursor AI Editor to build an app without touching code, and I'm impressed and frustrated at the same time.
Does anybody have any tips on writing better prompts? 🙂
Does anybody have any tips on writing better prompts? 🙂
April 25, 2025 at 12:33 PM
I've been trying out Cursor AI Editor to build an app without touching code, and I'm impressed and frustrated at the same time.
Does anybody have any tips on writing better prompts? 🙂
Does anybody have any tips on writing better prompts? 🙂
Spot on, Billy. The irony is not lost on me. 🙂
Hopefully @hashnode.bsky.social will add this to their platform. 😉
Hopefully @hashnode.bsky.social will add this to their platform. 😉
April 22, 2025 at 8:50 AM
Spot on, Billy. The irony is not lost on me. 🙂
Hopefully @hashnode.bsky.social will add this to their platform. 😉
Hopefully @hashnode.bsky.social will add this to their platform. 😉
Really happy to see my article on common UI gotchas in navigation menus featured in @frontendfocus.bsky.social. 🙏
If you still haven't read it, the link is below. And if you're still not subscribed to Frontend Focus, fix this mistake immediately. 😉
If you still haven't read it, the link is below. And if you're still not subscribed to Frontend Focus, fix this mistake immediately. 😉
April 21, 2025 at 11:52 PM
Really happy to see my article on common UI gotchas in navigation menus featured in @frontendfocus.bsky.social. 🙏
If you still haven't read it, the link is below. And if you're still not subscribed to Frontend Focus, fix this mistake immediately. 😉
If you still haven't read it, the link is below. And if you're still not subscribed to Frontend Focus, fix this mistake immediately. 😉
It seems like CSS Layers are pretty much overlooked and underused. 🤔
Are you using CSS Layers?
Are you using CSS Layers?
April 18, 2025 at 8:33 PM
It seems like CSS Layers are pretty much overlooked and underused. 🤔
Are you using CSS Layers?
Are you using CSS Layers?
I've been dealing with a ton of spam lately, and this is the best type of spam I regularly get — kind-hearted messages thanking me and praising my work. 🤣
Still spam, still annoying to deal with, even with solid filters in place. 😠
Still spam, still annoying to deal with, even with solid filters in place. 😠
April 17, 2025 at 2:34 PM
I've been dealing with a ton of spam lately, and this is the best type of spam I regularly get — kind-hearted messages thanking me and praising my work. 🤣
Still spam, still annoying to deal with, even with solid filters in place. 😠
Still spam, still annoying to deal with, even with solid filters in place. 😠
The word is (in my comments section) that @chriscoyier.net is a legend. 🦄
But even this might be an understatement. The influence Chris has on promoting CSS and pushing it forward is indescribable.
Thank you so much for everything you do for our community, Chris! 🙏
But even this might be an understatement. The influence Chris has on promoting CSS and pushing it forward is indescribable.
Thank you so much for everything you do for our community, Chris! 🙏
April 15, 2025 at 11:49 AM
The word is (in my comments section) that @chriscoyier.net is a legend. 🦄
But even this might be an understatement. The influence Chris has on promoting CSS and pushing it forward is indescribable.
Thank you so much for everything you do for our community, Chris! 🙏
But even this might be an understatement. The influence Chris has on promoting CSS and pushing it forward is indescribable.
Thank you so much for everything you do for our community, Chris! 🙏
Friends, has anyone else noticed a bug in Chrome DevTools when they become unresponsive?
For me, it's particularly pronounced on @codepen.io when inspecting an iframe.
To be clear, I've experienced it otherwise as well, but I can reproduce it most reliably on CodePen. 😟
For me, it's particularly pronounced on @codepen.io when inspecting an iframe.
To be clear, I've experienced it otherwise as well, but I can reproduce it most reliably on CodePen. 😟
April 7, 2025 at 4:03 PM
Friends, has anyone else noticed a bug in Chrome DevTools when they become unresponsive?
For me, it's particularly pronounced on @codepen.io when inspecting an iframe.
To be clear, I've experienced it otherwise as well, but I can reproduce it most reliably on CodePen. 😟
For me, it's particularly pronounced on @codepen.io when inspecting an iframe.
To be clear, I've experienced it otherwise as well, but I can reproduce it most reliably on CodePen. 😟
TypeScript => CSS<Challenge> 🧩
Make 2 single-character changes to the following TypeScript snippet to turn it into valid CSS.
Share your guesses below, and I'll reveal the correct answer and the explanation later. 👇
Make 2 single-character changes to the following TypeScript snippet to turn it into valid CSS.
Share your guesses below, and I'll reveal the correct answer and the explanation later. 👇
April 2, 2025 at 9:42 AM
TypeScript => CSS<Challenge> 🧩
Make 2 single-character changes to the following TypeScript snippet to turn it into valid CSS.
Share your guesses below, and I'll reveal the correct answer and the explanation later. 👇
Make 2 single-character changes to the following TypeScript snippet to turn it into valid CSS.
Share your guesses below, and I'll reveal the correct answer and the explanation later. 👇
Happy Monday, friends! 👋
Did you do anything fun this weekend, related or, even better, unrelated to coding? 🙂
I spent some time digging into @nextjs.org and @vitest.dev. Good times. 🥳
Did you do anything fun this weekend, related or, even better, unrelated to coding? 🙂
I spent some time digging into @nextjs.org and @vitest.dev. Good times. 🥳
March 31, 2025 at 10:03 PM
Happy Monday, friends! 👋
Did you do anything fun this weekend, related or, even better, unrelated to coding? 🙂
I spent some time digging into @nextjs.org and @vitest.dev. Good times. 🥳
Did you do anything fun this weekend, related or, even better, unrelated to coding? 🙂
I spent some time digging into @nextjs.org and @vitest.dev. Good times. 🥳