You can finally position tooltips, dropdowns, and menus relative to another element... in pure CSS. ☝️
It became newly available in January 2026 when Firefox 147 completed the set.
It’s still relatively fresh, and some advanced features (like certain `position-try` behaviors) still have gaps, so use progressive enhancement if you need to support older browsers.
Oh man, I'm so happy about this 🤟
You can now style an entire component based on a CSS variable set on any parent. No prop drilling, extra classes, or JavaScript, just pure CSS reacting to context.
Now live in Chrome, Safari, Firefox, and Edge in the latest releases.
I created a small interactive demo showcasing `contrast-color()`.
Go check it out https://iprodan.dev/l/contrast-color/
Meet `contrast-color()`: You give it any color; it returns either `black` or `white`, whichever provides better contrast.
Shipped in Chrome 147, Safari 26, Firefox 146, and Edge 147 (April 2026).
Pure CSS that guarantees readable text.
PS. If you want occasional frontend tips in your inbox, you can join here: https://bits.iprodan.dev
CSS just killed another JavaScript library.
CSS Grid Lanes (aka Masonry) is here! Safari (26.4+) got it first — everyone else is still catching up.
That’s all it takes. ▲
No more Masonry.js, fragile Flexbox hacks, or calculating positions in JavaScript — just pure CSS that natively creates the classic Pinterest/waterfall layout.
Chrome/Edge/Firefox - behind the flag.
I got tired of two things:
So I built LinkEQ — a backlink exchange, not a marketplace where you buy links.
How it works
<a href> to publish.Surfaces (same API):
Site: https://linkeq.co
What I’m not claiming: this will magically rank you. It’s a matching-and-handshake layer. If the partner site is junk, the link is junk. I’m also not selling “unlimited pages / webhooks / orphan reports” yet — that’s paid later. Free core is the exchange loop so an agent doesn’t look broken.
Where I am: live, early, looking for people who actually publish (indie blogs, docs sites, small SaaS) to try a real exchange — or tell me this is a bad idea.
What I want from you:
Happy to answer stack / matching / abuse questions in the comments.
That's a small reminder!
As of June 2026, HTTP has a new method - a GET with a `body`
Meet QUERY (RFC 10008).
It lets you send complex queries in the body (like POST) while staying safe, idempotent, and cacheable (like GET). Already works on servers (Node.js, Go, Laravel…).
Browsers are still adding full support, usable now with care, with widespread adoption coming later in 2026+.
It appears Bing has issues crawling my website. I checked the Live URL, requested indexing, and even triggered a scan to see if any errors occurred for the Bing bot, but all these steps indicate that the website has no indexing issues.
I have many other small apps that don't have issues with Bing, but this one does.
Google, on the other hand, crawls it and shows the content (even on snippets) from day one!
Who knows what the reason behind it can be?
Yesterday I had a call with a company owner, and we discussed selling some of my projects to them. We agreed to send him an email with the offer so he can share it with his team.
The problem, though, is that I'm keen to procrastinate on this email!
Why am I doing that?
By default, many fonts use proportional numbers: a 1 is narrow, an 8 is wider, and the whole number can shift when the value changes.
tabular-nums makes each digit take the same horizontal space, so the number keeps its shape and the right edge stays steady.
Play with a small demo I created here.
By default, many fonts use proportional numbers: a 1 is narrow, an 8 is wider, and the whole number can shift when the value changes.
tabular-nums makes each digit take the same horizontal space, so the number keeps its shape and the right edge stays steady.
Unfortunately, I can't upload a video to showcase the difference, but you can play with a small demo I created here.
Hey r/webdev!
It's Saturday Showoff, and I decided to share my app, Snipsco, as well. Some of you might already know about it, but I thought it was a good time to share it.
As the image shows, Snipsco is a canvas tool with all the elements needed to explain or showcase a code snippet, and it's free. It runs locally and saves data to IndexedDB, so you don't consume any resources, which is why it's free and will always be free.
Start by creating a new project, or stay in the default one, and click the code element (or, if you have the code in the clipboard, just paste it - this will create a new code element with your code).
Add text and draw arrows/shapes to explain it. Also, all the windows can be dragged around, which lets you create your workflow as you want.
There are too many small features in this app, so I don't want to bother you with a lot of reading. Just go try it yourself and let me know what you think.
It also supports "gists"! A gist is a piece of code that can be saved right from your IDE. For that, you need to install the Snipsco extension in your IDE. Now, VS Code & forks are fully covered. Soon, JetBrains IDEs will also be covered (not yet finished).
Let's say you came across some lines of code and liked them (or not), and decided to share them later (by creating a snippet). With a command, you send it to the gist collection (you don't even need to leave the IDE). Later, when you have more time, come back and create a cool code snippet out of it.
I could talk a lot about this app, but this is already too much reading. I tried to put "everything into a small box," and I hope I at least "show off" this app a little.
Not looking for anything other than your feedback and/or opinion; it'll take you 1 minute to play with it and understand whether you need it in general or what's missing for you.
Thank you for spending your time reading this.