This post was originally published on my blog.
Update: As of v1.38, VS Code supports the functionality provided by this extension natively as well! I’m quite happy about it because I didn’t know they were going to implement something similar. And what’s even better is that they also show a link to MDN for HTML elements! Now go and update to the latest version of VS Code. It’s worth it!
After releasing my first VS Code extension last week, I got an idea for another one. This one lets you open the MDN docs of a CSS property. Quite simple! The link appears on hover.
The extension is conveniently called CSS to MDN.
Here’s a demo:
Before making the extension, if I wanted to open the docs of
background-size, for example, I’d switch to a browser, open a new tab, search for something like “mdn bkg size”, then click on the first result.
With this extension I don’t have to go through these steps. I can simply hover a property and click on the link. Nice, isn’t it? 😉
If you work with CSS, please give it a try. I hope you find it useful.