DEV Community

Cover image for 5 Extensions & 5 Useful Sites for Developers

5 Extensions & 5 Useful Sites for Developers

I'm an aspiring Front End Developer.
ãƒŧ3 min read


Being a developer isn't easy, and being new to it can often be intimidating and for some discouraging. Luckily for us, we have an amazing and supportive community who are passionate about the subject and who are more than happy to help when we need it the most.

There's a huge variety of tools and useful sites at our disposition and I'll be covering a few of the ones I use daily while working on projects.

5 Visual Studio Code Extensions

1. Prettier

I'm assuming everyone knows about Prettier by now, but I believe that this extension is worth mentioning. Prettier is a code formatter. It'll basically clean up your code by removing unnecessary white spaces and indentations as well as correct some basic syntax errors such as missing brackets or parentheses and it will give your code a very clean and linear style. If you haven't already, you should give it a try. I'd say "It's worth every penny" but it's free. ðŸĪŠ

View Prettier

2. Markdown All in One

I don't know about you, but I like to document the projects I'm working on. I feel it's the perfect way to communicate with your colleagues, users or customers and even yourself when you need to fix something or don't remember something specific in your project.

Markdown All in One comes with very cools features and makes it easy for you to write the documentation for your projects. Features include Keyboard Shortcuts, the ability to create a Table of Contents by just running a simple command, Auto Completion and more.

View Markdown All in One


This is such a simple extension but so useful and awesome to have at hand. It allows you to mark important lines in your code and gives you the ability to jump between bookmarks so easily and quickly. Install it, I promise you won't look back.

View Bookmarks

4. Bracket Pair Colorizer

This is a must. I just recently installed it and I'm wondering why I didn't start using it sooner. The name says it all. It makes it so easier to read your code.

View Bracket Pair Colorizer

5. Auto Rename Tag

No more jumping between tags to rename them. Just select the opening tag and type in the new desired tag and you're all set. It saves so much time and makes it so simple to correct tags.

View Auto Rename Tag

Useful Websites

Like I mentioned in the introduction of this article, we're so fortunate to have such an amazing community that is so involved on forums and blogs. Here are a few of my favourites.


They make it faster and easier to load library files on our websites. Definitely check it out.


2. Daily.Dev

This website is so awesome. It gathers news and articles related to programming and puts them all in one place.

Visit Daily.Dev

3. DevDocs

No need to look on Google for documentation for a programming language. You will find documentation for close to 500 APIs.

Visit DevDocs

4. W3Schools

Whenever I get stuck on something, my go-to reference is W3Schools. This is such a good reference for anyone at any level.

Visit W3Schools

5. CSS-Tricks

I've learned so much from CSS-Tricks. The articles on there are gold.

Visit CSS-Tricks

Wrapping Up

There are tons of extensions, sites and blogs that are available for us developers and out of all of them, those are the ones I use daily. I hope you found this article helpful and interesting! 😁

What are your go-to and favourite resources as a developer?

Discussion (2)

jennawagnercode profile image
Jenna Wagner

W3schools is really helpful

pascalcodes profile image
Pascal Author

It really is! Yet so underrated. ðŸĪ·ðŸŧ‍♂ïļ