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 →
Joined March 2012
- Tweets6.4K
- Following1.1K
- Followers16.6K
- Likes2.7K
CSS Weekly retweeted
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. 👋
ALT Zoran Jambor in the YouTube recording studio.
CSS Weekly retweeted
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.
ALT A code screenshot of an input field with autocomplete="one-time-code webauthn".
CSS Weekly retweeted
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-baseline…
CSS Weekly retweeted
[VS Code Quick Tip 💡]
Learn how to restore deleted files in @code using local file history, and how to restore different versions of files outside of version control.
CSS Weekly retweeted
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
CSS Weekly retweeted
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. 👇
ALT TypeScript snippet: attr(id, type<number>());
CSS Weekly retweeted
[CSS Tip]
I've noticed lately that some devs use `margin` to add gaps between flexbox items, particularly in menus.
You can use `gap` property in Flexbox instead and avoid awkward `:not(:last-child)` or resetting margin on first/last item. 😉
ALT A screenshot showing how "display: flex;" and "gap: 1rem" adds space between menu items.
CSS Weekly retweeted
Frontend News #11
💬 Justified text with automatic hyphenation
🆕 New JavaScript moveBefore method
🧪 Testing different font combinations
➕ And more
Featuring @tylersticka, @bramus, @mattzeunert, @obnol1, @amiljim, @_guillemgg, & @argyleink.
cssw.io/frontend-news-11
CSS Weekly retweeted
VSCode Tip - Code Navigation Using Breadcrumbs 🔥
Find out how to quickly navigate between folders, files, and symbols in @code using breadcrumbs, with a detailed overview of keyboard shortcuts and customization options.
cssw.io/vscode-breadcrumbs
CSS Weekly retweeted
[ 🔥 VS Code Quick Tip ]
Did you know that you can click on breadcrumbs in @code and quickly navigate between folders, files, and even symbols?
CSS Weekly retweeted
📰 Frontend News #9
Find out how to:
📖 Create cross-document View Transitions
📈 Show Baseline status on your blog posts
↔️ Start using Container Queries
🌊 Build Organic CSS Animation
Featuring @umaar, @rachelandrew, @JoshWComeau, @RoyDigerhund.
cssw.io/frontend-news-9
CSS Weekly retweeted
🚨 Upcoming Battle alert
New Battle #33 begins tomorrow at 4:30pm UTC
Sponsored by the best CSS newsletter on the planet - @CSSWeekly ✨ And there are some neat prizes to be won! 🎁
Get ready for the next Battle!
Link below 👇🏼
#CSSBattleChallenge #CSSGame
CSS Weekly retweeted
A brief visual guide explaining why you should use CSS Logical Properties & Values, and how they work. 🔥
(A #css thread.)
ALT CSS Logical Properties define direction‐relative equivalents to physical properties.
CSS Weekly retweeted
I knew elements with IDs became global variables, but any child elements with a name attribute become properties on that global variable!
Pretty neat when working with forms like in the example.
Thanks @flaviocopes, via @stefanjudis
flaviocopes.com/an-html-elem…
ALT // html <form id="x"> <input name="em"> </form> // js x.em.onclick = ...
CSS Weekly retweeted
🔥 How to enable *NEW* CSS Transitions behavior
Find out:
🧮 How calc-size() function changed
💙 How interpolate-size property works
youtu.be/lXZE1vrXM1A
CSS Weekly retweeted
Thanks for sharing caniuse-cli there, Zoran!
Unfortunately you showcased it with calc-size() that had a bug in its support tables. The colors for Edge + Chrome Android support were incorrect 😑
github.com/bramus/caniuse-cl…
I looked into it tonight and pushed a fix just now 😊
CSS Weekly retweeted
Friends! 👋
Somethings been on my mind for a while now. I've seen a ton of amazong CSS Art—mindbogingly stunning. And I believe it belongs in a museum, and on the walls of your (home) office. 🖼️
What do you think about this? Do you agree?
(Please RT.)
62%Hell Yeah! 👍
38%No
45 votes • Final results CSS Weekly retweeted
CSS transitions can be tricky with intrinsic sizes like `auto` and initial style updates.
Learn how to tackle these challenges with new CSS features like `calc-size()`, `interpolate-size`, and more in this article by @CSSWeekly.
🔗 Read more here: hshno.de/sJh
CSS Weekly retweeted
this'll be even easier when we have sibling-index(), can get rid of those inline variables to aid in he stagger
github.com/w3c/csswg-drafts/…
cool demo here regardless!
