Show HN: A VS Code extension to check incompatible CSS

[vivek9patel]

I've developed a handy tool for Visual Studio Code that makes checking CSS compatibility very easy for developers.

It provides instant feedback on syntax, keywords, types, and function compatibility. It even highlights deprecated, non-standard, and experimental features.

[1attice]

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.

[spencerchubb]

This looks neat! If browsers change, would the extension automatically update or would we have to update the extension or something?

[vivek9patel]

In your vscode settings, there is checklist options you can use to enable/disable browsers that you want to check compatibility for.

[yogini]

Looks really nice and quite useful! You should launch it on Peerlist

[vivek9patel]

Done (https://peerlist.io/vivek9patel/project/vscodecsscompatibili...)

Thanks for the suggestion!