Comment by thih9
12 days ago
> most of those creative examples are in the 40-50% browsers support range.
Not if you filter the examples. Click "widely available".
12 days ago
> most of those creative examples are in the 40-50% browsers support range.
Not if you filter the examples. Click "widely available".
First widely available one I saw was this: https://modern-css.com/staggered-animations-without-nth-chil...
That would actually fix some ugly CSS I have. The demo works. Neat.
Except... the demo doesn't use either the old syntax or the new syntax. The browser support is wrong (Firefox doesn't support it, the site says Firefox 16+; it says Chrome 43+ but in reality it's much newer: Chrome 148+). It says "Since 2018" but the spec was introduced in 2024.
So maybe an interesting overview of things that might be available or might not, but the filtering and data on the site doesn't seem to be useful.
Yeah a lot of these demos say the features are widely available, but they don't actually work in my browser (Firefox on Macos).
Makes me wonder if these demos (or the browser support tables) were made by LLMs. They clearly haven't tested the demos in firefox.
Firefox is pretty irrelevant nowadays. They've dragged their feet for years when it comes to implementing new stuff, and now web devs don't even bother checking Firefox. Because devs know it won't work on ancient browsers, no need to confirm.
My personal trigger events were when Firefox didn't optimize DataView for the longest time, initially refused to implement import maps, and couldn't get WebGPU support done. At that point I lost interest in supporting it.
8 replies →
> First widely available one I saw
Could you try again? I couldn’t replicate this and when I follow your link it says “limited availability”.
Also one of the features that I want -- scrollbar-gutter: stable -- is shown everywhere as being stable for many Safari versions, but when I try it it just didn't work. ¯\_(ツ)_/¯