Sign in

CSS Weekly

@cssweekly.com
4.5K followers 506 following 527 posts

Helping you stay up to date with CSS. 🎥 YouTube: cssw.io/youtube ⚜️ Mastering Linting: cssw.io/lint 🏷️ CSS Stickers cssw.io/stickers

PostsRepliesMedia
CSS Weekly @cssweekly.com · 21/04/2026
Just launched YouTube Channel Visualizer, a free browser-based app to explore and analyze any YouTube channel on an interactive canvas. Posting a 25s teaser here. I’ll drop the tool link and full 12-min walkthrough in the first reply. #DataViz #CreatorTools #YouTube
151
CSS Weekly @cssweekly.com · 17/04/2026
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
youtu.be
Use CSS Weekly Archives To Find the Best CSS Content & Tools
YouTube video by CSS Weekly
130
CSS Weekly @cssweekly.com · 10/04/2026
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
YouTube Studio stats screenshot showing a major spike in the last segment, along with 22,912 views in the last 28 days, and a note that channel views are up 237%.
220
CSS Weekly @cssweekly.com · 10/04/2026
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...
cssw.io
Frontend News #22: x86 CPU in CSS, pointer-box-offset Property, Detecting at-rule Support
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
176
CSS Weekly @cssweekly.com · 03/04/2026
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
cssw.io
Issue #638 - CSS Weekly
Learn how corner-shape property works, what’s possible with customizable select, how to create a folding corner effect with CSS, and more.
2154
CSS Weekly @cssweekly.com · 31/03/2026
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
060
CSS Weekly @cssweekly.com · 26/03/2026
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 😉
1101
CSS Weekly @cssweekly.com · 26/03/2026
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?
A cute monster pointing to a stylized graphic of a masonry layout with a title "CSS Grid Lanes".
2213
CSS Weekly @cssweekly.com · 25/03/2026
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...
webkit.org
WebKit Features for Safari 26.4
March has a way of bringing a lot of new things to WebKit — and this year is no exception.
061
CSS Weekly @cssweekly.com · 23/03/2026
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
cssw.io
Issue #637 - CSS Weekly
Learn how to use border-shape to define custom border shapes for elements, how to style lists, how to improve your typography using text-indent keywords, and more.
042
CSS Weekly @cssweekly.com · 04/03/2026
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...
cssw.io
WeAreDevelopers LIVE - Yes, CSS Can Do That!
This week’s guest is Zoran Jambor! Join us on March 4 as we explore how far modern CSS can really go and why it might be more powerful than you think, plus m...
020
Reposted by CSS Weekly
Kevin Powell @kevinpowell.co · 26/02/2026
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...
youtube.com
CSS text-indent Keywords?
YouTube video by CSS Weekly
1142
CSS Weekly @cssweekly.com · 27/02/2026
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
youtu.be
Frontend News #21: Multi-Column Layouts, :heading Pseudo-Class, Scaling Elements
YouTube video by CSS Weekly
183
CSS Weekly @cssweekly.com · 25/02/2026
Did you know that you can use keywords with CSS text-indent? 🔥
1112
CSS Weekly @cssweekly.com · 23/02/2026
Morning, friends! It looks like we can get to 13k on YouTube today, or at least this week. 🤩 Are you subscribed yet? ❤️
A screenshot of YouTube Analytics showing 12,999 current subscribers and +71 in the last 28 days.
4112
CSS Weekly @cssweekly.com · 20/02/2026
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...
cssw.io
Frontend News #20: CSS Grid Lanes, ::search-text Pseudo-Element, HTML Geolocation Element
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
2145
CSS Weekly @cssweekly.com · 19/02/2026
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
cssw.io
Issue #635 - CSS Weekly
Learn how CSS is used in the real world, how powerful the customizable select can be, how to easily target recently selected elements from the Elements Panel in the Console of Chrome DevTools, and mor...
281
CSS Weekly @cssweekly.com · 16/02/2026
Rocking my daughter's beanie. 😎 Kind of wish the beanie was more prominent in the photo. How was your weekend? 🙂
A photo of Zoran Jambor wearing a black coat and a kids' pink beanie next to a code snippet outlining the absurdity of the scene.
060
CSS Weekly @cssweekly.com · 14/02/2026
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...
A screenshot of a YouTube Shorts video on CSS corner-shape by Kevin Powell, showing the Baseline Status for the Video widget on screen.
160
CSS Weekly @cssweekly.com · 13/02/2026
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
cssw.io
Issue #634 - CSS Weekly
Learn how to easily solve annoying problems using CSS, how to visually connect related elements using Anchor Positioning, what Too Early Breakpoints are, and more.
173
CSS Weekly @cssweekly.com · 12/02/2026
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.
AI-generated image for my YouTube video on setting up Touch ID for SUDO on macOS.
100
CSS Weekly @cssweekly.com · 12/02/2026
Did you know you can use Touch ID to run sudo commands on macOS? 🪪 It’s really simple. 👇
170
CSS Weekly @cssweekly.com · 11/02/2026
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. 🙏
cssw.io
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.
0123
CSS Weekly @cssweekly.com · 09/02/2026
[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
081
CSS Weekly @cssweekly.com · 02/02/2026
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
cssw.io
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.
150
CSS Weekly @cssweekly.com · 28/01/2026
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.
A code screenshot of an input field with autocomplete="one-time-code webauthn”.
27317
CSS Weekly @cssweekly.com · 26/01/2026
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
A photo of a laptop with the css-weekly.com site opened and two kids' toys (a bunny and a cat) standing on top of it.
160
CSS Weekly @cssweekly.com · 25/01/2026
[👉 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...
css-weekly.com
How to debug @starting-style at-rule in Chrome DevTools - CSS Weekly
Learn how to debug the Starting Style at-rule in Chrome DevTools.
050
CSS Weekly @cssweekly.com · 24/01/2026
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?
173
CSS Weekly @cssweekly.com · 21/01/2026
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
cssw.io
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.
160
CSS Weekly @cssweekly.com · 19/01/2026
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.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.
1112
CSS Weekly @cssweekly.com · 11/01/2026
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? 🙂
Two snow igloos next to an apartment building, with a kid in one of them.A snow igloo with a kid curled up inside, enjoying and playing.
2140
CSS Weekly @cssweekly.com · 08/01/2026
🔥 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
1110
CSS Weekly @cssweekly.com · 05/01/2026
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 logo next to 2026.
1150
CSS Weekly @cssweekly.com · 22/12/2025
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
cssw.io
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.
1162
CSS Weekly @cssweekly.com · 13/12/2025
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...
cssw.io
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.
140
CSS Weekly @cssweekly.com · 12/12/2025
Instead of "overflow: hidden", use "overflow: clip" by default. 🎯 A fantastic point and article by @bram.us. 🙏
0140
CSS Weekly @cssweekly.com · 12/12/2025
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...
cssw.io
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.
021
CSS Weekly @cssweekly.com · 10/12/2025
"Zoran Jambor, Founder of YouTube." 😏 Oh, AI Autocomplete, sometimes you really crack me up. 😂
A screenshot of a text editor showing AI autocomplete suggestion: 'Zoran Jambor, Founder of YouTube.'
020
Reposted by CSS Weekly
Andy Bell @bell.bz · 09/12/2025
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
piccalil.li
Black Friday Deals
097
CSS Weekly @cssweekly.com · 09/12/2025
📰 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
youtu.be
Frontend News #19: CSS overscroll-behavior, scrollbar-gutter, text-grow Properties, & More
YouTube video by CSS Weekly
294
CSS Weekly @cssweekly.com · 05/12/2025
A brief guide outlining the difference between "overflow: hidden" and "overflow: clip", along with practical use cases when you’ll find "overflow: clip" invaluable.
1295
CSS Weekly @cssweekly.com · 03/12/2025
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...
cssw.io
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.
170
CSS Weekly @cssweekly.com · 03/12/2025
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
cssw.io
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.
1127
CSS Weekly @cssweekly.com · 28/11/2025
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
cssw.io
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.
2103
CSS Weekly @cssweekly.com · 27/11/2025
A short guide on creating an adaptive (light/dark) SVG favicon using the prefers-color-scheme media query. 🌗 #css
150
CSS Weekly @cssweekly.com · 25/11/2025
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...
cssw.io
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.
130
CSS Weekly @cssweekly.com · 22/11/2025
[WordPress Quick Tip 🎯] How to add Additional CSS if your theme is missing the Appearance -> Customize option. #css #wordpresstutorials
030
CSS Weekly @cssweekly.com · 20/11/2025
Thrilled to see Baseline Status for Video featured in @frontendfocus.bsky.social. 🙏 Have *you* tried it yet (if you're creating video content)? 🙂
Screenshot of an email client showing Baseline Status for Video app in the latest edition of Frontend Focus newsletter.
150
CSS Weekly @cssweekly.com · 20/11/2025
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
cssw.io
CSS Weekly Issue #627
Learn how to create performant animations, why you should start using stretch value, how to bring heightmaps to life using CSS, and more.
272