Show HN: A VS Code extension to check incompatible CSS (github.com)

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.

5 comments

[ 2.0 ms ] story [ 27.0 ms ] thread

spencerchubb 2y ago ↗

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

vivek9patel 2y ago ↗

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

yogini 2y ago ↗

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

vivek9patel 2y ago ↗

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

Thanks for the suggestion!

1attice 2y ago ↗

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.