@CSSWeekly

Helping you keep up with CSS. Created by Zoran Jambor. 🎥 YouTube: https://xitter.cf/t.co/hUpRlLwtqX ⚜️ Course Mastering Linting: https://xitter.cf/t.co/XqlCmOZl71

 Join 40k+ Subscribers →
css-weekly.com
Joined March 2012
  • Tweets6.4K
  • Following1.1K
  • Followers16.6K
958Media
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".

ALT A code screenshot of an input field with autocomplete="one-time-code webauthn".

1
2
20
1,716
CSS Weekly retweeted
Zoran Jambor
@ZoranJamborMay 13
Today in the studio, I’m recording a short CSS tip and writing about JointJS MCP. Tomorrow, I’ll be at @weblicahr, learning, connecting, and talking with fellow developers. If you see me there, come say hi, especially if you want to chat about CSS, JavaScript, @jointjs , diagramming, AI workflows, or anything in between. 👋
Zoran Jambor in the YouTube recording studio.

ALT Zoran Jambor in the YouTube recording studio.

1
1
2
363
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 @jointjs
1
1
1
637
YouTube Channel Visualizer: cssw.io/youtube-channel-visu… Full walkthrough & how-to: youtube.com/watch?v=TypepS0Z…

YouTube Channel Visualizer - JointJS

A simple online tool to visualize your YouTube channel's performance and content distribution, built with JointJS Claude Playground.

cssw.io
304
Pushed a small update to the CSS Weekly Newsletter Archives page to make it more useful, so here's a quick walkthrough. 🙂 #css
1
1
2
414
CSS Weekly Newsletter Archives: css-weekly.com/archives/
220
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%.

ALT 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%.

1
2
440
The link to the video, in case you still haven't seen it: youtu.be/dDNH-3D8fQ8
381
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 @bramus, @tylersticka, @dxnnydotfun, @HiTw93, @rebane2001. 🙏 cssw.io/frontend-news-22

Frontend News #22: x86 CPU in CSS, pointer-box-offset Property, Detecting at-rule Support

Find out how to detect at-rule support in CSS, how the pointer-box-offset property works, what the different and creative ways are to select the HTML element, how it’s possible to recreate the x86...

cssw.io
1
1
1
436
Thanks so much to DebugBear for sponsoring! 🙏 🔥 Identify and fix your web performance issues today: cssw.io/debugbear-fix-perf-i…
1
226
CSS Weekly #638 💠 corner-shape property 📋 customizable select 📄 folding corner effect 🌗 contrast-color() ➕ and more Featuring @utilitybend, @patrickbrosset, @KittyGiraudel, @Una, @bramus, @ChallengesCss, @alvaro_montoro (2x). 🙏 cssw.io/issue-638

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.

cssw.io
1
1
4
427
Thanks so much to Autonoma for sponsoring! 🙏 Let AI agents navigate your app end-to-end and catch regressions on every PR. cssw.io/autonoma

Autonoma - Stop Shipping Bugs | AI-Powered Testing for Developers

Autonoma runs AI agents that find bugs before your users do. No test scripts. No maintenance. The testing layer for AI-native development teams.

cssw.io
252
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
1
1
1
812
Safari 26.4 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? PS. I generated the preview image with @LumaLabsAI Uni-1. 🔥
A cute monster pointing to a stylized graphic of a masonry layout with a title "CSS Grid Lanes".

ALT A cute monster pointing to a stylized graphic of a masonry layout with a title "CSS Grid Lanes".

1
10
763
Just as with my previous tweet, I tried using the same prompt in GPT Image 1.5—the resulting image shows completely wrong code. 🙈
🤖 Made with AI
A stylized, AI-generated graphic showcasing a cute monster pointing at a masonry layout with the title "CSS Grid Lanes" and code example "grid-template-rows: masonry;".

ALT A stylized, AI-generated graphic showcasing a cute monster pointing at a masonry layout with the title "CSS Grid Lanes" and code example "grid-template-rows: masonry;".

226
New WebKit Features in Safari 26.4 🧱 Grid Lanes 📦 Name-Only Container Queries 🧮 Math Typography 🔎 Zoom (fixes) Link: webkit.org/blog/17862/webkit… PS. I generated the preview image with @LumaLabsAI Uni-1. 🔥
An infographics showcasing WebKit Features in Safari 26.4 — Grid Lanes, Container Qureies, Math Typography, Zoom Fixes, Layout Engine.

ALT An infographics showcasing WebKit Features in Safari 26.4 — Grid Lanes, Container Qureies, Math Typography, Zoom Fixes, Layout Engine.

1
6
518
I also tried generating the preview image in GPT Image 1.5 using the same prompt. It’s so silly, I just had to share the result here—from image style to listing features from the wrong Safari version (26.0 instead of 26.4) 😜
An AI-generated image showcasing features from Safari 26.0 in a cartoonish style.

ALT An AI-generated image showcasing features from Safari 26.0 in a cartoonish style.

244
I've been playing with a lot of image generation tools lately, and my initial impressions of Luma's Uni-1 are very positive. 🙂 I'll share some CSS-themed results later. 😉
Luma
@LumaLabsAIMar 23
Uni-1 is here! A new kind of model that thinks and generates pixels simultaneously. Less artificial. More intelligent.
4
656
CSS Weekly #637 🖼️ Use border-shape to define custom borders ✅ Customize lists using ::marker, at-counter-style... 🔠 text-indent keywords ➕ And more Featuring @Una, @clagnut, @gnnr_b, @dxnnydotfun, @theoplawinski, @zellwk, @tan_stack, @syntaxfm. 🙏 cssw.io/issue-637

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.

cssw.io
2
5
464
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, @StuRobson, @stefanjudis, @jgthms. 🙏 #css #frontend youtu.be/ZlsFs6k4loc
1
1
7
643
Thanks so much to @VueSchool_io for sponsoring! 🔥 Get free access to their entire course library: cssw.io/vue-school-freeweeke…
1
233
Load more