4 ms·

I dislike the examples here where the "old" way works in all browsers, but the "new" way only works in Chrome/Edge. IMO, it's irresponsible to include such exam

I dislike the examples here where the "old" way works in all browsers, but the "new" way only works in Chrome/Edge. IMO, it's irresponsible to include such examples, since it makes the Blink monoculture worse.

oddevan 8mo ago
Agreed; wish the default filter was "newly available" since that includes all 3 major browsers (Chrome/Edge, Safari, Firefox) but still includes new stuff that isn't "baseline" yet.
- virtujoel 8mo ago
  Even "newly available" doesn't seem correct. For example: https://modern-css.com/smooth-height-auto-animations-without-javascript/ https://modern-css.com/smooth-height-auto-animations-without... This claims `interpolate-size` is newly available and works in all major browsers. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/interpolate-size https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/P... This states `interpolate-size` only works in Chrome/Edge. I tested the demo and it's definitely not working in my copy of Firefox.
maxloh 8mo ago
This site shouldn't be the one to blame. Instead, we should probably ask Mozilla to be more standards-compliant.
- zelphirkalt 8mo ago
  I don't see Mozilla obligated to follow whatever Google cooks up and declares a "standard".
- pchangr 8mo ago
  This is an experimental feature. Not part of the standard yet .. imho.. shouldn’t be included (yet)
ehsankia 8mo ago
Sometimes I'm developing an internal tool or something only for myself / handful of people. I'm perfectly fine saving time and complexity using a one liner modern CSS solution instead of having to rely on some hacky unreadable code to support 10 years of legacy browsers.
- josephcsible 8mo ago
  The latest version of Firefox is not a legacy browser.
  - ehsankia 8mo ago
    If it's just a tool for myself, and I use a webkit based browser, why would I use a hacky solution for a browser I don't use?

oddevan 8mo ago

Agreed; wish the default filter was "newly available" since that includes all 3 major browsers (Chrome/Edge, Safari, Firefox) but still includes new stuff that isn't "baseline" yet.

virtujoel 8mo ago
Even "newly available" doesn't seem correct. For example: https://modern-css.com/smooth-height-auto-animations-without-javascript/ https://modern-css.com/smooth-height-auto-animations-without... This claims `interpolate-size` is newly available and works in all major browsers. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/interpolate-size https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/P... This states `interpolate-size` only works in Chrome/Edge. I tested the demo and it's definitely not working in my copy of Firefox.

maxloh 8mo ago

This site shouldn't be the one to blame. Instead, we should probably ask Mozilla to be more standards-compliant.

zelphirkalt 8mo ago
I don't see Mozilla obligated to follow whatever Google cooks up and declares a "standard".
pchangr 8mo ago
This is an experimental feature. Not part of the standard yet .. imho.. shouldn’t be included (yet)

ehsankia 8mo ago

Sometimes I'm developing an internal tool or something only for myself / handful of people. I'm perfectly fine saving time and complexity using a one liner modern CSS solution instead of having to rely on some hacky unreadable code to support 10 years of legacy browsers.

josephcsible 8mo ago
The latest version of Firefox is not a legacy browser.
- ehsankia 8mo ago
  If it's just a tool for myself, and I use a webkit based browser, why would I use a hacky solution for a browser I don't use?