Mudassir Khan
Mudassir Khan

Mudassir Khan

Level up your developer game with these online tools

Level up your developer game with these online tools

Mudassir Khan's photo
Mudassir Khan
ยทAug 26, 2022ยท

2 min read

Featured on

Table of contents

Seeking productive ways to improve your workflow and get more work done ? Want to optimize your work and drastically lessen the time spent implementing solutions ?

As developers, we have a challenging job that demands a great deal of mental effort. But, how do we improve our productivity and stay on top of our tasks? By using tools that help us get more done and are well suited for specific tasks.

Here are some web tools, that every developer should know and have in their arsenal.

๐ŸŒฑ Open source tools

Dev Docs ๐Ÿ’ซ

Screenshot 2022-08-24 at 6.05.35 PM.png It is common for developers to have to work with many different tech stacks, which leads to jumping from doc to doc frequently. Devdocs provides developer documentation for a variety of popular technologies In a clean, easy-to-use web interface.

Devhints ๐Ÿ‘€

Screenshot 2022-08-24 at 6.08.14 PM.png One place where you can find cheatsheets and code snippets for almost any language or framework.

Locofy ๐Ÿ˜‡

Screenshot 2022-08-26 at 6.13.49 PM.png

Turn your Figma designs to production-ready frontend code for React, ReactNative, Nextjs, Gatsby.

Visualgo ๐Ÿคฉ

Screenshot 2022-08-26 at 6.16.44 PM.png

An interactive and fun way to learn Data Structures and Algorithms.

Responsively ๐Ÿ’ฃ

responsively.png A web tool that enables frontend developers, to develop responsive web apps 5x faster! Responsively, lets you preview your web application side-by-side on all target screens in a single window.

Transform ๐Ÿคฏ

Screenshot 2022-08-24 at 6.09.33 PM.png Ever came across a case where you want to convert HTML TO JSX or CSS to TailwaindCSS, it's easier than ever with this tool.

๐Ÿฆ„ Chrome extensions

Dark Reader ๐Ÿ™ˆ


This eye-care extension enables night mode by creating dark themes for websites on the fly. Dark Reader inverts bright colors, making them high contrast and easy to read at night.

Dimensions ๐Ÿ“


This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website, this is perfect.

ColorZilla ๐ŸŒˆ


An Extension that has advanced eyedropper, color picker, gradient generator.

๐Ÿ‘€ Stay tuned for the next blog

I'm gonna talk about this side project i'm currently working on and a new state management library, that i found interesting.

And this article's my second entry for Hashnode's #4articles4weeks challenge, so please share this article everywhere, these tools might help beginner devs in their journey and also give this article a lot of reactions (๐Ÿ‘,๐Ÿ‘,๐Ÿ’“...anything you want).

And let me know what other tools you think might help others, in the comments.

Share this