11 Must Use Chrome Extension For Web Developer.

These extensions have boosted my productivity by 5X.

THREAD 🧵 ↓
1. JSON View Pro

A completely free extension to visualize JSON response in awesome Tree and Chart view with great user experience and options.

No advertisements.

Directly beautify JSON from API response in the browser.

chrome.google.com/webstore/detai…
2. LightShot

Lightshot is the fastest way to take a customizable screenshot. Simple interface, nothing useless and lightweight.

chrome.google.com/webstore/detai…
3. ColorZilla

Advanced Eyedropper, Color Picker, Gradient Generator, and other colorful goodies.

ColorZilla, one of the most popular Firefox developer extensions with over 5 million downloads.

chrome.google.com/webstore/detai…
4. Clear Cache

Clear your cache and browsing data with a single click of a button.

Quickly clear your cache with this extension without any confirmation dialogs, pop-ups, or other annoyances.

chrome.google.com/webstore/detai…
5. Dimensions

A tool for designers to measure screen dimensions.

Measure between the following elements: images, input fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.

chrome.google.com/webstore/detai…
6. EditthisCookie

EditThisCookie is a cookie manager. You can add, delete, edit, search, protect and block cookies!

chrome.google.com/webstore/detai…
7. React Developer Tools

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library.

It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

chrome.google.com/webstore/detai…
8. Web Server for chrome

A Web Server for Chrome, serves web pages from a local folder over the network, using HTTP. Runs offline.

Web Server for Chrome is an open-source (MIT) HTTP server for Chrome.

chrome.google.com/webstore/detai…
9. BuiltWith Technology Profiler

The BuiltWith Chrome Extension lets you find out what a website is built with by a simple click on the BuiltWith icon!

chrome.google.com/webstore/detai…
10. Firecamp, A campsite for developers

Firecamp enables you to test out APIs of your choices, WebSocket, HTTP, and GraphQL collaboratively within a single app across your team.

chrome.google.com/webstore/detai…
11. WhatFont

The easiest way to identify fonts on web pages.

chrome.google.com/webstore/detai…
Thanks for checking out!

If you liked it -

1. Follow @MakadiaHarsh for more such threads on web development, no-code and personal growth.

2. Retweet the first tweet to boost productivity of others

Cheers! 🥂

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Harsh Makadia

Harsh Makadia Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @MakadiaHarsh

29 Nov
4 years ago I started learning about the JavaScript library —ReactJS

Here are 11 resources I used to learn everything in my journey.

THREAD 🧵 ↓
Yes, I started learning about it very early as we wanted to build a product.

Tutorial those days were less compared today.

I have bookmarked the top resources that helped me in my journey

Let's get started!
1. ReactJS Official Documentation

This is a must-read for any who is getting started.

It helps to build a stronger based on every small thing you need to know.

reactjs.org
Read 16 tweets
26 Nov
Don't stress about the Twitter Algorithm and the Best Time to tweet.

I grew to 18,000 followers staying calm.

9 Important lessons I learned the hard way so you don't have to.

THREAD 🧵 ↓
1. If your content is good, It will skyrocket on its own no matter what.

My tweets have gone viral with ZERO planning.

Focus on providing value and giving your best shot.

Don't worry about the things which are not in your control i.e Twitter Algo
2. Don't Post for Virality

Don't write for going viral.

If you fall into that trap, you will never grow.

I kept on posting every day for 6 months and engaging with others.

Note:
The content you think will go viral will NEVER go viral.
Read 13 tweets
25 Nov
10 Ways To Crush Your Goals (Even When You Don’t Feel Like It) 🧵:
1. Plan for chaotic days

The key to attaining your goals is to design a winning day by identifying and prioritizing the most important tasks.

By doing this you are set out to accomplish the most important tasks and ignore everything else.

Don't allow anything to sidetrack.
2. Celebrate the small wins

Celebrating the small wins is getting on the right track to bigger goals.

Keep track of all small wins on your notes.

The day you are feeling low refer to them as your motivation booster.
Read 14 tweets
24 Nov
You don't get paid big bucks without doing more than others.

13 Easy things Web Developers should do to be in the top 10% 🏆

THREAD 🧵 ↓
1. Build a Portfolio of project

It's a great way to demonstrate your skills as a developer.

While you learn new skills, build projects to showcase them.

Your portfolio can help you to get hired or get new opportunities.
2. Write Blogs

You are killing two birds with one stone when you write blogs.

Improve your writing skills and learn more in order to write.

You get more visibility on the Internet.
Read 17 tweets
22 Nov
I've 6+ years of experience working with Frontend technologies.

Here is the advice I'd give if you are just getting started to master web development.

THREAD 🧵↓
The web development journey is a never-ending process.

There are a lot of new technologies and frameworks coming up every day.

But guess what?
For the last 2 years, I'm mentoring many developers within organizations to help them outperform.
This thread will contain all information on How I learned all the technologies that helped me stand out from the crowd.

I'm pouring out everything I have learned to help you reach the same milestone.

Assuming I'm starting from ZERO today I would do the following things.
Read 23 tweets
18 Nov
I went from 0 to 17k in less than 8 months.

Here are 15 FREE Twitter tools to 10x your game.

Marketing tactics to steal right away ↓
1. Profile Picture Maker

Remove the background easily and make an awesome profile picture.

Instantly generated profile pictures.

Get more views, likes with this Hack.

pfpmaker.com
2. Canva

Create Beautiful Twitter Banners in minutes.

You can use it to create media images.

You can create a design and reuse them as your own brand.

canva.com
Read 18 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(