My Favorite Chrome Extensions for web development and design
Tags: chrome, extensions, productivity, webdev
Published: 2020-02-20 18:38:31

---
title: My Favorite Chrome Extensions for web development and design
published: true
description: Save time with these Chrome extensions for development and design
tags: Chrome, extensions, productivity, webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/vs32pkkmk9r1drflgh04.jpg
---
Chrome extensions are one of the ways to boost daily basis productivity and optimize development workflow.
I've collected a list of my favorite, most used Chrome extensions that can make you a more productive developer.

1.**[30 Seconds of Knowledge](https://chrome.google.com/webstore/detail/30-seconds-of-knowledge/mmgplondnjekobonklacmemikcnhklla)**
 
Each time you open a new tab you, you get a random code snippet. There are 9 Categories of snippets, consisting of Programming Languages, Frameworks & Interview Questions.
This is an excellent extension not only for newbie developers.

![30 secs of knowledge](https://dev-to-uploads.s3.amazonaws.com/i/ddn78nzwzgsi5b55o272.jpg)

[Website](https://30secondsofknowledge.com/)

2.**[Axe Web Accessibility](https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd)**

Axe is ideal for developers to test Web applications to help resolve accessibility issues. Find violations against common standards including WCAG 2.0 A/AA or Section 508.

![Axe](https://dev-to-uploads.s3.amazonaws.com/i/vjepfjbuq6ppbvu7j9n9.png)

[Website](https://www.deque.com/axe/)

3.**[Lighthouse](https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk)**

Lighthouse is a popular must-have extension for developers. It does a full audit of the web site along 5 dimensions: performance, accessibility, best practices, SEO, and whether you have a Progressive Web App.

![Lighhouse](https://dev-to-uploads.s3.amazonaws.com/i/ci3x6220bs64l0x5lwzv.jpg)

[Website](https://developers.google.com/web)

4.**[Colorzilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)**

My one of the most favorite extensions. ColorZilla includes a Color Picker, Eye Dropper, Gradient Generator and many more advanced color [tools]
(https://www.colorzilla.com/chrome/features.html).

![Colorzilla](https://dev-to-uploads.s3.amazonaws.com/i/6zrvy3s1yjl7nlnl7zcl.jpg)

[Website](https://www.colorzilla.com/)

5.**[Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg)**

Wappalyzer is a cross-platform utility that uncovers the technologies used on websites. It detects content management systems, e-commerce platforms, web frameworks, server software, analytics tools and many more.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3zzq0c0uyg8jc41rxwra.jpg)

[Webpage](https://www.wappalyzer.com/)

6.**[What Font](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)**

The easiest way to identify fonts on web pages.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/idfdzxn3pmvbgc52nlqk.png)

[Webpage](http://www.chengyinliu.com/whatfont.html)

7.**[JSON Viewer](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh)**
 
The most beautiful and customizable JSON/JSONP highlighter.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/rrxnysvex30j24jumvww.png)

[Repository](https://github.com/tulios/json-viewer)

8.**[SVG Grabber](https://chrome.google.com/webstore/detail/svg-grabber-get-all-the-s/ndakggdliegnegeclmfgodmgemdokdmg)**

It helps to preview, download and copy the code all SVG icons and illustrations on a website.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/w9asuaiz4m2wuq0ozi55.jpg)

9.**[PageSpeed](https://chrome.google.com/webstore/detail/google-pagespeed-insights/edbkhhpodjkbgenodomhfoldapghpddk)**
 
Check PageSpeed Insights score with a single click. If you find a 100% score, your site is fast.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hhlecdcvg0ghzgj9m6dz.jpg)

10.**[Marinara-Pomodoro Assistant](https://chrome.google.com/webstore/detail/marinara-pomodoro%C2%AE-assist/lojgmehidjdhhbmpjfamhpkpodfcodef)**

A very useful extension for time management. It trains your focus on a single task and helps to take breaks.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/wuxwdjrg7c3j7lxy5bn9.png)

[Repository](https://github.com/schmich/marinara)

11.**[Grammarly](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen)**
 
This is a very helpful tool for non-native speakers of English like me and not only.
Grammarly is a writing assistant that goes deeper than grammar to offer you comprehensive writing feedback. You can be confident that your writing is not only correct but clear and concise, too.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ymlyefhqnohzal33pugw.png)

[Webpage](https://app.grammarly.com/)

12.**[Devtwitter](https://chrome.google.com/webstore/detail/devtwitter/fhlipionhojfohecgljcljbpblojlaef)**
 
A must-have extension for Dev.to community members. 
It helps to keep you up to date with the latest dev content while you browse Twitter.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ozc5ljo7t629j4ga0o0d.png)

13.**[Tineye](https://chrome.google.com/webstore/detail/tineye-reverse-image-sear/haebnnbpedcbhciplfhjjkbafijpncjl)**

TinEye is the first image search engine on the web to use image identification technology, instead of using keywords, metadata or watermarks. TinEye does not find similar images only; it finds exact matches including those that have been cropped, edited or resized.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fgkfdmzm5vf0jv9zt41s.jpg)

[Webpage](https://tineye.com/)

14.**[Window Resizer](https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh)**

The extension re-sizes the browser’s window to emulate various resolutions. It is very useful for web designers and developers by helping them test their layouts on different browser resolutions.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/biiubzv6fylik5qz8519.png)

I also use the following extensions:
 
[Pocket](https://chrome.google.com/webstore/detail/save-to-pocket/niloccemoadcdkdjlinkgdfekeahmflj)
 
[Gmail Checker](https://jasonsavard.com/ru-RU/?ref=homepage_url&ext=gmail)
 
[Vue Devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
 
[AdBlock](https://chrome.google.com/webstore/detail/adblock-%E2%80%94-best-ad-blocker/gighmmpiobklfepjocnamgkkbiglidom)
 
[Hunter](https://hunter.io/chrome)

At the moment there are 25 extensions on my Chrome and all are useful for everyday life and work. It’s true they make Chrome a bit slower but I would not remove any of them.
 
What are your favorite and must-have extensions? Let's exchange them!