DEV Community

loading...
Cover image for 8 Best Google Chrome Extensions for Web Designers And Developers in 2021

8 Best Google Chrome Extensions for Web Designers And Developers in 2021

Animesh Dhanuk
PHP Developer with 8+ years of experience.
Updated on ・4 min read

8 Best Chrome Extensions 2021

As a designer/developer we use google chrome in daily life. That's why I brought the top 10 google extensions to make your work easy, We have a modern browser that is always upgraded by developers. I have brought 10 browser extensions today that will help you in coding.

Best Google Chrome Extensions for Web Designers and Developers:

WhatFont

The easiest thanks to identify fonts on sites

What is the simplest thanks to determine the fonts utilized in a webpage? Firebug and Webkit Inspector are easy enough to use for developers. However, for others, this could not be necessary. With this extension, you'll inspect web fonts by just hovering on them. it's that straightforward and stylish .

It also detects the services used for serving the online fonts. Supports Typekit and Google Font API.

To embrace the new web font era, WhatFont also detects services used for serving the font. Now supports Typekit and Google Font API.

ruul. Screen ruler

A fantastically simple on-screen ruler for lining up and measuring type, line height, strokes and almost anything on the online .

Get pixel perfect with: horizontal and vertical draggable rulers; pixel, picas and sort measurements, line height guides and stroke widths. Move ruul with arrow keys, one pixel at a time, and use multiple ruul together. Ruul have 4 different coloured ruul, steel and wooden ruul included.

Screen Capture By Google

Capture visible content of a tab, a neighborhood of an internet page, or the entire page as a PNG image. Support horizontal and vertical scroll…

It's easy to use this extension to capture visible content of a tab, a neighborhood of an internet page, or the entire page as a PNG image.

You can also edit your captured image before saving it as a PNG image. Highlighting, redacting and adding text are supported.

What set this extension apart are: Super fast when capturing page image, esp. for giant pages; Support horizontal scroll for giant pages that don't slot in one tab screen horizontally; Intelligently detect floating objects on a page and avoid repeating capture of an equivalent floating objects if whole page capture requires scrolling; Works on Windows, Linux and Mac

Image Downloader

See all images shown or linked on an internet page and download them.

If you would like to bulk download images from an internet page, with this extension you can: See images that the page contains and links to, Filter or sort them by URL; also supports wildcards and regular expressions, Optionally show only images from links, Select images for download by either using the checkboxes or directly clicking on the image, Dedicated buttons to download or open in new tab individual images, Customize display width, border size, style and color, Hide filters, buttons and notifications you do not need

When you press the "Download" button, all selected images are saved to the default download directory of Chrome. If you do not have one, you'll need to manually choose the save location for every image.

Evernote Web Clipper

Save all the content you discover interesting round the web in your account.

From interests to research, save anything you see online—including text, links and images—into your Evernote account with one click. With one click, clip part or all of any webpage, including text, images, and links. Collect everything that inspires you online. Have it forever, albeit the first goes away.

RescueTime for Google Chrome™

RescueTime may be a personal analytics service that helps you understand how you spend some time.

RescueTime may be a personal analytics service that helps you understand how you spend time on your computer, smartphone, and tablet. there's no manual data entry required. The web application works hand-in-hand with the installable client available for OS X, Windows, Linux, Android devices, and ChromeOS.

Pinterest for Google Chrome

Discover, collect, and share inspiration

Pinterest may be a tool to seek out your inspiration and share it with others. Use it to gather belongings you love, organize and plan important projects, and more.

The official Pinterest extension for Google Chrome adds a button to your browser that allows you to pin from any website, quickly and simply

Web Developer

Adds a toolbar button with various web developer tools. The official port of the online Developer extension for Firefox.

Adds a toolbar button with various web developer tools. The official port of the online Developer extension for Firefox.

The Web Developer extension adds a toolbar button to the browser with various web developer tools. this is often the official port of the online Developer extension for Firefox.

Alexa Traffic Rank

The Official Alexa Traffic Rank Extension, providing Alexa Traffic Rank and site Information when clicked.

Users: 229.128 | Rate: 4,6 /5

Alexa Traffic Rank is Alexa Internet's free extension for Chrome, and is that the only extension that has you in Alexa's traffic panel. The Alexa extension accompanies you as you surf, providing you with Alexa data about the sites you visit without interrupting your browsing.

Get quick and straightforward access to a site's Alexa Traffic Rank and sites linking in. How does this site's traffic compare to other sites on the Web?

Read More

Best Chrome Extension for SEO

Discussion (0)