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? 🤪
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...
⛔️ 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...
Frontend News #17: Why :is(::before, ::after) Doesn’t Work, Why You Should Switch to OKLCH, & More
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 9, 2025 at 9:21 PM
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...
⛔️ 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
👨🎤 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 Weekly Issue #626
Learn how to deal with common pitfalls of Sticky positioning, how to improve your small screen designs, how to use line-clamp, and more.
cssw.io
November 8, 2025 at 12:00 PM
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
👨🎤 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
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
Thrilled to see that my project, Baseline Status for Video, is among the winners of the Baseline Tooling Hackathon. 🤩
🏆 And the Baseline Tooling Hackathon winners are... → goo.gle/47KQ6ve
Nearly 3,000 developers submitted hundreds of innovative projects, but only 3 could take home their share of the $10,000 prize pool.
Nearly 3,000 developers submitted hundreds of innovative projects, but only 3 could take home their share of the $10,000 prize pool.
October 30, 2025 at 2:46 PM
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
🚀 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
CSS Weekly Issue #622
Learn everything you need to know about new CSS features released in 2025, useful use cases for obscure media queries, how the corner-shape property works, and more.
cssw.io
October 23, 2025 at 1:26 PM
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
🚀 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
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
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
🌈 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
CSS Weekly Issue #621
Learn how to work around the limitations of color processing, how to fix View Transition quirks, why you should use one-color gradients, and more.
cssw.io
October 20, 2025 at 2:50 PM
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
🌈 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! ❤️
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! ❤️
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
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-...
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-...
Introducing Baseline Status for Video
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
cssw.io
October 2, 2025 at 2:30 PM
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-...
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
A brief look at the new corner-shape CSS property, which lets you easily create interesting and creative border effects.
cssw.io/corner-shape
Start Using the corner-shape CSS Property Today
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
cssw.io
September 29, 2025 at 3:21 PM
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
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
🎂 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
CSS Weekly Issue #620
Learn how Chrome has evolved over the last 17 years, how alignment properties work, when to lean into progressive enhancement, and more.
cssw.io
September 23, 2025 at 11:31 PM
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
🎂 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" 😉
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" 😉
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
📰 :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
Frontend News #16: :heading Pseudo-Class, Faded Text Effects, box-sizing
YouTube video by CSS Weekly
youtu.be
September 17, 2025 at 8:57 PM
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
📰 :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?
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
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
👀 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
CSS Weekly Issue #619
Learn how to create Scrollspy effects using only CSS, how the random() function in CSS works, how to restore deleted files in VS Code, and more.
cssw.io
August 31, 2025 at 9:53 PM
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
👀 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.
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.)
🗞️ 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...
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...
Frontend News #15: Transform Order Matters, Creative Drop Caps, Frontend Developer Quiz
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
cssw.io
July 28, 2025 at 9:32 PM
🗞️ 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...
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
🧱 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
CSS Weekly Issue #614
Learn how to combine BEM and utility classes with Cascade Layers, how to eliminate banding in CSS gradients, how to disable Cross-Origin Resource Sharing (CORS) in Google Chrome for testing, and more.
cssw.io
July 21, 2025 at 10:58 PM
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
🧱 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* 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? 🏖️
Reposted by CSS Weekly
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
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
AI Developer Weekly
Helping developers stay on top of AI tools & trends.
cssw.io
June 19, 2025 at 3:06 PM
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
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