Blog

7 android apps to help you keep up with tech and coding

Best of android apps so that you never miss out on tech news.

Debugging in Javascript

Since Javascript is interpreted at run time and executed inside the browser, debugging is performed

How to use ChakraUI with NextJS?

It's never easy to design a user interface, but Chakra UI is a wonderful UI package for getting your

5 best practices for better HTML forms

Forms are an essential part of any UI. These pointers will make form development and design easier f

10 GitHub repos you cannot miss out on

Github repos you should have bookmarked right now!

30 games you can play to learn to code

It is the 21st Century and games are an integral part of our lives. But did you know you can learn c

Top 15 free online code editors

Here are the best online text editors that you can use if you are tired of offline text editors and

How to collect data via forms like a boss

Forms are everywhere but do you really know what goes on behind them and how you can collect data wi

10 SEO tools you need for your projects in 2022

An amazing list of 10 Best SEO tools that will help you gain Organic traffic, increase Domain Author

5 best practices for dark mode implementation

The biggest tech companies in the world have made dark themes an essential part of UI. Dark theme’s

5 projects you can make to become a better web developer

If you are interested in web development, the best way to create experience in this field is to work

30 JavaScript animation libraries for 2022

Animation makes us be able to tell stories and communicate emotions and ideas in a unique way. Here

10 VSCode extensions every dev must have

VSCode is undoubtedly one of the most popular code editors out there. But did you know you can enhan

5 common CSS mistakes to avoid

Even though being simple and uses the modern English language to name most of its properties like fo

30 browser extensions every developer should have

The browser is a developer's most powerful tool. 99% of people don't make 100% out of their browsers

5 CSS methodologies you need to know in 2022

CSS methodogies lets us author CSS in a way that allows us to develop, maintain and scale the front-

50 no-code website builders you need in 2022

Coding takes time. It's 2022 and if you still spend hours making websites, this list is for you! Sav

10 React Native UI libraries to spice up your apps

React Native lets you create native apps and doesn’t compromise your UX. Here are 10 UI libraries to

10 resources to help you make stunning logos

A logo grabs attention, makes a strong first impression, and is the foundation of your brand identit

How to write XPath in Selenium

In Selenium, if the elements are not found by the general locators like id, class, name, etc. then X

Command Prompt tricks you did not know

A list of tricks you probably did not know about and can use to joke with your friends.

The Ultimate Roadmap for Mobile Development in 2022

Tools, resources, guidelines.... everything you need to become a mobile developer in 2022

An Alternative to Next.JS? - Everything You Need to Know About RemixJS

Remix is a new full-stack JavaScript framework that does away with static site generation and perfor

10 tools you can use right now to build mobile apps

A list of no-code tools to build mobile apps.

5 programming languages that can make it big in 2022

A list of programming languages that can make it big in 2022.

NextJS, Typescript and Tailwind: A match made in heaven

A tutorial on how you can use NextJS, Typescript and Tailwind.

The Full Stack Dev Roadmap for Beginners

TL;DR — If you want to become a full-stack developer, you need to know HTML, CSS, and JavaScript, al

An introduction to Typescript

TypeScript is a programming language developed and maintained by Microsoft licensed. TypeScript is a

50 Javascript Snippets you need to know right now

50 Javascript snippets every dev should know for writing better code.

What is Automation Testing?

We've long believed that automation testing is a wonderful formula for improving the quality of apps

Web3: Explain like I'm five

If you are new to the world of decentralization, blockchain and web3, then this is the only intro yo

January 26, 2022

10 VSCode extensions every dev must have

banner

VSCode is undoubtedly one of the most popular code editors out there. But did you know you can enhance your VSCode experience with extensions?

Here are 10 VSCode extensions that every developer must have!

1. Error Lens

With Error Lens, you will see errors and warnings in mealtime when working on a file or a new project.

2. Prettier

Prettier is a code formatter that parses your code and re-prints it with its own rules that take the maximum line length into account and also wraps code if necessary.

3. Placeholder Image

Add placeholder images from right within your code editor.

4. Live Server

Launch a development local Server with live reload feature for static & dynamic pages

5. Tabnine

AI Code completion for any languauge. Super handy.

6. NPM

This extension helps you to manage your Package.json and will provide warnings if dependencies are not installed also will help with the version control.

7. Multiple Cursor Case preserve

Have you ever tried to change a single word in all variable names, but had your camelCase broken? This extension preserves selection cases in these situations. It recognizes CAPS, Uppercase, and lowercase. Works for typing or pasting.

8. Chrome Debugger

This extension allows you to debug your JavaScript code running in the Chrome browser, from inside of VS Code.

9. Better Comments

Improve your code commenting by annotating with an alert, informational, TODOs, and more!

10. Gitlens

This extension supercharges the git capabilities built into VSCODE, it lets you glimpse into whom, why, and when a line or code block was changed.

Thank you for reading

If you liked this post, subscribe to my newsletter to never miss out on my blogs, product launches, and tech news, and follow me on Twitter for daily threads on web dev resources.