Show HN: A VS Code extension to check incompatible CSS(github.com)
github.com
Show HN: A VS Code extension to check incompatible CSS
https://github.com/vivek9patel/vscode-css-compatibility
3 comments
It looks like it's pulling from the MDN docs for the dataset (the grid and language are identical.) In this case, it's not going to be up to date, because MDN has fallen behind. For example, MDN still lists container style queries as unsupported by Safari, but Safari has supported them for three months.
e.g.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_contain...
https://bugs.webkit.org/show_bug.cgi?id=246605
Because of stuff like this, the gold standard is caniuse.com, not MDN.
e.g.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_contain...
https://bugs.webkit.org/show_bug.cgi?id=246605
Because of stuff like this, the gold standard is caniuse.com, not MDN.
This looks neat! If browsers change, would the extension automatically update or would we have to update the extension or something?
In your vscode settings, there is checklist options you can use to enable/disable browsers that you want to check compatibility for.
Looks really nice and quite useful! You should launch it on Peerlist
Done (https://peerlist.io/vivek9patel/project/vscodecsscompatibili...)
Thanks for the suggestion!
Thanks for the suggestion!
It provides instant feedback on syntax, keywords, types, and function compatibility. It even highlights deprecated, non-standard, and experimental features.