Better Programming

Advice for programmers.

Follow publication

10 Must Have Chrome Extensions for Front-End Developers

Clear Cache, JSONView, and more

Harsha Vardhan
Better Programming
Published in
4 min readNov 21, 2020

--

google chrome logo
Google Chrome logo

Most of the Web Developers use Chrome for their development. According to Wikipedia about 65% of the world population seem to use Chrome, this is one of the reasons why developers choose Chrome to test an application built by them. So if you’re a developer who uses Chrome a lot, here’s a bunch of Chrome extensions that would make your life a lot easier.

1. Colorzilla

Colorzilla basically provides a color picker widget along with a lot of other features. It has a gradient generator, webpage code analyser, and everything you’d need to deal with colors in your webpage. It is available in Firefox as well.

screenshot
Colorzilla extension in use

2. CSS Viewer

This tool shows all the CSS properties associated with the element that we hover over with the cursor. It is a floating panel that has all the details such as the Font, Colors, Positioning, and so on. It also lets you copy the CSS easily.

screenshot
CSSViewer extension in use

3. WhatFont

It’s the easiest way of finding out the fonts present on a webpage. As you can see from the picture below, when the extension is selected if you move your mouse cursor over a text it would show the font of the text.

--

--

Harsha Vardhan
Harsha Vardhan

Written by Harsha Vardhan

Engineer, Photographer, Tech Blogger. Builds products and writes for developers. I love to code and love to help others code :)

Responses (2)

Write a response