🧵 5 Google Chrome extensions every Web Dev newbie should use to increase productivity.
1. WhatFont
chrome.google.com/webstore/detai…

This will help you identify what fonts any website is using. It also identifies the family, size, weight, and color of the fonts.

...so Voila! You have found some great fonts for your next project!
2. Window Resizer
chrome.google.com/webstore/detai…

If you are working on responsive design and don't want to go to "inspect element" every time, this extension is here to help.

It resizes any screen you’re working on to a range of popular screen sizes.
3. CSS Viewer
chrome.google.com/webstore/detai…

Curious about what style that amazing-looking website uses? CSS Viewer is your Man(rather a tool) for that.

It gives you CSS properties of the element whenever your mouse hovers over it.
4. Corporate Ipsum
chrome.google.com/webstore/detai…

If you are bored of the "Lorem Ipsum" text. Here's an alternate for it.
It'll generate placeholder texts that will give your website a more corporate/business feel.
5. ColorZilla

chrome.google.com/webstore/detai…

Curious about the color scheme of any website? ColorZilla will give you everything related to that.

This extension provides you with a color picker, gradient generator, website analyzer, palette viewer, and much more.

• • •

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

Keep Current with Vanshika

Vanshika 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 @aahiknsv

5 Sep
🧵Sites to help you build your next web development project!
frontendmentor.io

You can find some amazing projects that challenge your front-end skills.
You can even filter them out based on your skill level! Amazing isn't it?
codewell.cc

Another site that'll help you polish your HTML and CSS skills and you get all the assets required! Just extract the zip file and voila you are good to go!
Read 6 tweets
4 Sep
🧵 5 Things every tech newbie should take advantage of!
A Thread ~
#CodeNewbie #tech
1. FreeCodeCamp
@freeCodeCamp

As the name suggests, a site with quality free courses in some of the major domains like web development, Data Analysis, etc which can help you level up your tech game ⬆️

And, you get certificates too! ✨

freecodecamp.org
Read 6 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 Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(