20+ Chrome Extensions to Improve Your Productivity

20+ Chrome Extensions to Improve Your Productivity

Subscribe to my newsletter and never miss my upcoming articles

Hi everyone! Trust y'all had a good day? I will be sharing super amazing Chrome Extensions to improve your productivity and I'm pretty sure you gonna love it!

What are Google Chrome extensions?

Google Chrome extensions are essential extensions that can be installed into Chrome to change the browser experience. It includes adding several features in the browser which can aid productivity irrespective of user background.

Daily.Dev

image.png Daily is the perfect place to discover development articles and the easiest way to stay updated on the last programming news. It will help you boost your knowledge and save time.

CSS Peeper

image.png CSS Peeper is a CSS viewer tailored for Designers to help improve their productivity right from their browser.

WIndow Resizer

image.png This extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.

Check Bot

image.png Checkbot is a powerful website tester that tells you how to improve the SEO, page speed, and security of your website. Checkbot crawls 100s of pages in minutes testing for 50+ common website problems based on best practices recommended by Google and Mozilla.

Check My Links

image.png This extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.

What Font

image.png Checking Font should be easy right? With this extension, you could inspect web fonts by just hovering on them.

ColorZilla

image.png ColorZilla for Google Chrome is an extension that assists web developers and graphic designers with color related tasks - both basic and advanced.

React Developer Tools

image.png 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.

Gitpod - Dev Environments in a Browser Tab

image.png Gitpod streamlines developer workflows by providing ready-to-code development environments in your browser.

JetBrains Toolbox Extension

image.png This extension adds buttons that allow you to clone and open projects from GitHub, GitLab, and Bitbucket in IntelliJ-based IDEs.

UX Check

image.png UX Check makes heuristic evaluations quick and easy. The extension will open up Nielsen's Ten Heuristics in a side pane next to your website. When you click on an element that doesn't comply with a heuristic, you can add notes, and a screenshot will be saved.

CSS Viewer

image.png CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a FireFox add-on (2006-2008).

Notion Web Clipper

image.png Notion is your all-in-one workspace, where you can write, plan, collaborate, and get organized. Take notes, keep databases, build a wiki, project manage your team — all with one tool.

Lighthouse

image.png Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Wappalyzer

image.png Wappalyzer is more than a CMS detector or framework detector: it uncovers more than a thousand technologies in dozens of categories such as programming languages, analytics, marketing tools, payment processors, CRM, CDN, and others.

Octotree - GitHub code tree

image.png Browser extension that enhances GitHub code review and exploration. Features

  • IDE-like code tree
  • Folder and file search
  • Support GitHub dark mode
  • Support private repositories
  • Repo/file/issue/pull request bookmarking
  • High performance, working with repositories of any size

Web Developer

image.png The Web Developer extension adds a toolbar button to the browser with various web developer tools.

Lorem Ipsum generator

image.png The Lorem Ipsum Generator quickly delivers default text to complement your amazing design. The default settings are optimized to be used right after installation, but you can easily customize a few settings to get the perfect text for your taste.

Ghostery – Privacy Ad Blocker

image.png Ghostery’s built-in ad blocker removes advertisements from a webpage to eliminate clutter so you can focus on the content you want.

IE Tab

image.png

JSONView

image.png JSONView port for Chrome.

WAVE

image.png WAVE is a web accessibility evaluation tool developed by WebAIM.org. It provides visual feedback about the accessibility of your web content by injecting icons and indicators into your page. No automated tool can tell you if your page is accessible, but WAVE facilitates human evaluation and educates about accessibility issues

Save Page WE

image.png Save Page WE provide a simple facility to save a web page (as currently displayed) as a single HTML file that can be opened in any browser. The saved page is a highly accurate representation of the original page.

I hope you find this useful! Don't forget to give a thumbs up. Buy Me A Coffee you can also reach out to me on Twitter.

Thank you 🎉

#developer#developer-tools#design#chrome-extension#hashnode
 
Share this