Here's a new 🧵 thread on ⧩

10 Google Chrome Extensions Every Developer MUST Have

#100DaysOfCode @googlechrome #Chrome

Continue reading 👇
ᐉ Markdown Viewer

An extension that renders Markdown files as GitHub does. Extremely useful when writing readme files, licenses, and other documentation for your project on @GitHub. Other than that, the extension also has multiple themes.

chrome.google.com/webstore/detai…
ᐉ What Font

What Font is an extension that tells you what fonts a web page is being used. Clicking on some text reveals extended information like text color, font-weight, font-variant, along with sample characters in that font.

chrome.google.com/webstore/detai…
ᐉ WhatRuns

Continuing the "what" theme, the WhatRuns extension tells you vital info about a web page. Things like web server, CSS framework being used, CDN service, etc are shown including version details. Especially useful to security enthusiasts.

chrome.google.com/webstore/detai…
ᐉ Quick JavaScript Switcher

#JavaScript has become more important over time. There are places where it cannot run. This extension allows you to test a web page without JavaScript, this enables us to test our web apps in a JavaScript-less environment.

chrome.google.com/webstore/detai…
ᐉ GitHub File Icons

GitHub is the most popular git services provider. We all look at many repositories thought out the day. GitHub File Icons makes GitHub a bit more cheesy by adding icons to files and directories.

chrome.google.com/webstore/detai…
ᐉ GitHub Repository Size

GitHub doesn't natively tell you the codebase's size. So, this extension will modify GitHub to add the repository size beside the settings tab and also display each file's size next to other properties.

chrome.google.com/webstore/detai…
ᐉ Site Palette

Site Palette is for the designer in you! It shows you major colors used on a web page. This is useful to get inspiration from popular websites. Although it can give slightly inaccurate colors, that's still a good thing.

chrome.google.com/webstore/detai…
ᐉ LiveReload

This extension is used in conjunction with gulp-livereload, or any other livereload extensions for JavaScript bundlers, build systems, etc. If you are a Webpack, Gulp.js, Parcel user this extension is a must-have.

chrome.google.com/webstore/detai…
ᐉ CSSViewer

It is like What Font extension but shows extended information when hovered over an HTML element. It prevents me from constantly opening DevTools to know the styles. CSS rules are neatly categorized into Font & Text, Effects, and so forth.

chrome.google.com/webstore/detai…
Thank you 🙏 for reading. If you could retweet 🔄 and share with your developer friends, it would be incredible 🤩

• • •

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

Keep Current with Vasanth Srivatsa

Vasanth Srivatsa 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!

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 Become our Patreon

Thank you for your support!

Follow Us on Twitter!