DEV Community

Cover image for VS Code extension that lets you open the MDN docs of a CSS property

VS Code extension that lets you open the MDN docs of a CSS property

Dzhavat Ushev on August 19, 2019

This post was originally published on my blog. Update: As of v1.38, VS Code supports the functionality provided by this extension natively as w...
Collapse
 
carloswosiak profile image
Carlos Wosiak

Awesome! If you develop a JS MDN please let us know!

Collapse
 
dzhavat profile image
Dzhavat Ushev

Thanks! There’s already an extension that does that with JS. It works a bit differently but maybe you will find it useful. :)

Collapse
 
carloswosiak profile image
Carlos Wosiak

Excellent, thank you! ;)

Collapse
 
galgreenfield profile image
Gal

Thank you so much! Was just about to recommend you make one for JS.

Collapse
 
selbekk profile image
selbekk

I read the title of this and installed it immediately. Incredible idea, flawless execution!

Collapse
 
dzhavat profile image
Dzhavat Ushev

Thanks a lot. Hope it makes your work a bit easier :)

The biggest credit should actually go to the awesome people at MDN who collected the data with all urls and made it available for use.

Collapse
 
joeattardi profile image
Joe Attardi • Edited

This is awesome. I don’t know how many times a day I Google “mdn (whatever)”, especially with CSS.

Collapse
 
dzhavat profile image
Dzhavat Ushev

Me too! And having a direct link to docs is so obvious, I don’t know why it’s not part of the editor in first place (at least under a setting). Hope this tool will make your CSS-to-docs experience a bit more pleasant :)

Collapse
 
rbatsenko profile image
Roman Batsenko

Brilliant idea! Thank You sooooo much! :)

Collapse
 
ravavyr profile image
Ravavyr

That's pretty awesome. Just thought maybe you can add a link to "caniuse.com" as well?

Collapse
 
dzhavat profile image
Dzhavat Ushev

I just checked and it seems like there are already several extensions that show browser support from Can I Use. Here’s one. Maybe that one can help you.

Collapse
 
dzhavat profile image
Dzhavat Ushev

This can be quite useful as well! Thanks for the suggestion. It will take some time to collect all links thought. And sometimes they combine several properties under one collection :)

Collapse
 
tysonthurman profile image
Tyson Thurman

Thanks so much for this contribution. This is very helpful!

Collapse
 
dzhavat profile image
Dzhavat Ushev

You're welcome. If you work with CSS, I have two other extensions which you might find beneficial as well :)

Collapse
 
_juliettech profile image
juliette_chevalier

Just gave it a try! Really good work, thanks!! :)

Collapse
 
dzhavat profile image
Dzhavat Ushev

Glad to hear that. Hope it benefits you :)

Collapse
 
amanhimself profile image
Aman Mittal

This looks very helpful! Much thanks 👍

Collapse
 
dzhavat profile image
Dzhavat Ushev

You're welcome! Hope it benefits you :)

Collapse
 
jamesmkenny profile image
James Kenny • Edited

This is really awesome, thanks!

Collapse
 
dzhavat profile image
Dzhavat Ushev

You're welcome. Hope it makes your work a bit easier :)

Collapse
 
mohamadi_arch profile image
mohammad

Is there a shortcut-key for that in keyboard to open MDN?

Collapse
 
dzhavat profile image
Dzhavat Ushev • Edited

I'm not aware of any native shortcut commands. Quickly searched on the Marketplace and found this (Go to MDN) extension. Maybe it's close to what you need?

Collapse
 
n8trufe profile image
n8trufe

I really love this extension. Ut would be great to have it with js too.

Collapse
 
dzhavat profile image
Dzhavat Ushev

Thanks for trying it! Actually, there’s already an extension that does that with JS. It works a bit differently but maybe you will find it useful. :)