LLMs turn your job into mostly code review, a task everyone famously loves to do and is good at
01.06.2025 19:38
👍 175
🔁 35
💬 3
📌 2
LLMs turn your job into mostly code review, a task everyone famously loves to do and is good at
✍️ I wrote a short opinion piece about a pattern I keep seeing lately: switching to the smallest responsive layout too early.
I call it The Too-Early Breakpoint.
🔗 ishadeed.com/article/too-...
CSS Anchor Positioning is one of those features that instantly changes how you think about layout.
I built a small demo connecting comments and replies using nothing but anchor() — no JS, no extra markup.
🧵 Relationships, not coordinates.
rolandfranke.nl/frontend-sto...
Excitingly, Chrome Canary recently added support for <meta name="text-scaling"> behind a flag.
What is it? It's something that we're all going to start using on our websites to improve accessibility. Here's a blog post with more info. www.joshtumath.uk/posts/2026-0...
A hackathon for vibecoders
The CSSWG just resolved to add this to the spec 🥳
github.com/w3c/csswg-dr...
A code screenshot of an input field with autocomplete="one-time-code webauthn”.
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.
The date is set, so mark your calendars!
On Thursday 12 March we are relaunching Fronteers Belgium 🚀
This event will be hosted by Craftzing at their office in Ghent.
More info soon!
🎟️ RSVP: www.meetup.com/fronteers-be...
#frontendmeetup #betech #frontenddevmeetup #fronteersBelgium
a powerful #CSS transition technique enters the ring:
Anchor Interpolated Morphing (AIM)
nerdy.dev/anchor-inter...
I'm officially a curmudgeon. Here's a rant about the Shadcn component library and how over-complicated its radio buttons are: paulmakeswebsites.com/writing/shad...
(Inspired by this week's work frustrations lol)
#WebDev #CSS #HTML #JavaScript
Classes have a bad reputation in JavaScript-land, but as @michaelwarren.dev highlights (and I've experienced) they're a great paradigm for components in a design system. Extendible, extremely predictable, custom-element-manifestible... all things you want.
michaelwarren.dev/blog/inherit...
Liked this observation from Addy Osmani:
“Abstractions don’t remove complexity. They move it to the day you’re on call.”
addyosmani.com/blog/21-less...
You can't nest interactive controls on the web, but you can fake it 'till you make it. @piccalil.li let me ramble on about how to do exactly just that, because they're champs. #a11y piccalil.li/blog/accessi...
You know that annoying experience on mobile websites where you need to find the little close button and can't swipe a menu closed?
The solution is simpler than you think.
With basic CSS scroll APIs, you can get built-in interruptible swipe gestures 🥳
:nth-child() was upgraded (a long time ago, but no one seems to know about it)
youtube.com/shorts/rep-C...
🔗 SQL performance improvements: analysing & fixing the slow queries (part 2)
I don't know when this happened, but I sure am happy that I learned about it before putting the new event page online. Thanks for the hint, @kevinpowell.co and @piccalil.li!
www.alanwsmith.com/en/37/wa/jz/...
This is the single best piece I've read on "replacing coders with AI," it fully dispells the myth from the perspective of a software engineer and does so in a calm, reasonable way.
colton.dev/blog/curing-...
What is this dark magic? 🪄 It's pure #CSS horizontal slide on vertical scroll mix!
With CSS scroll-driven animations + `position: sticky`! 😼
Check out the demo on @codepen.io:
✨ codepen.io/thebabydino/...
Enjoy!
#scroll #scrollAnimation
(posted this before, but Bluesky didn't have video then)
📝 New CSS Article!
Do you want to have an overview of what modern CSS can do? Check my latest article @frontendmasters.com
frontendmasters.com/blog/infinit...
Learn how I made that infinite marquee animation with less than 10 lines of CSS using shape(), sibling-index(), and more!
Perfectly Pointed Tooltips: All Four Sides
Tooltips are a natural fit for the abilities of Anchor Positioning, which can help place them on *any* side or corner. It does make dealing with the pointer extra tricky though.
I just published a new blog post about two of my absolute favourite CSS tricks. ✨
www.joshwcomeau.com/animation/pa...
While making an update to a course chapter that includes the use of CSS-generated content in the accName computation, I noticed that support for alt text in CSS has improved since I gave a talk about CSS & a11y at CSS Day last year.
So I thought it's time to do a proper, long overdue writeup!
AI shopping assistants now pick sizes and fill carts for you.
WebExpo 2023 speaker @tink.uk asked a bold question. If agents browse for us, what even is the web now?
She zoomed in on what this means for accessibility and why the next UX challenge may involve non-human users.
Here is my idea with less of code
css-tip.com/tooltip-anch...
The trick is to play with the margin property to show/hide the arrows.
cc @una.im @bram.us
In case you want to skip the video and look at the code:
✅ LukyVJ's original codepen: codepen.io/LukyVj/pen/P...
✅ My finished version: codepen.io/kevinpowell/...
💡 CSS Tip!
In Anchor Positioning, you can use position-area to place an element relatively to its anchor, but there are 36 different positions !? 👀
No one can memorize them all, so I've created an interactive demo where you can select a position and get its code.
css-tip.com/position-area/
Happy new year!
Don’t forget to update the copyright date in your footer.
How to use #CSS to fix the irradiation illusion /
How to adjust perceived font weight in dark mode without layout shift
nerdy.dev/adjust-perce...
