Top 10 Chrome Extensions that make your work easy as Developer
Tags: webdev, programming, productivity, news
Published: 2022-01-08 21:56:22

Today, I will share with you a list of top 10 must-have Chrome extensions that'll make your life easier as a web developer:

[**1 - CSSViewer**](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce) : It allows to  show  the CSS properties of element on any webpage .
![CSSViewer Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/46o5gd0gf7j73lhz6pbx.PNG)



[**2 - WhatFont**](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm) : It permets  to identify fonts (family, size, weight and colour)used on any web pages.

![whatFont Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d9r3u66hao9t4bmwe53u.PNG) 



[**3 - Window Resizer**](https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh/) : It  helps to resize  any  screen  to a range of popular screen sizes

![window resizer extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ltns0m8b2x0fir8my0qz.PNG)





[**4 - GoFullPage**](https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=en) : It allows to capture a whole website page in a single go 

![gofullpage Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oux0fu4gfpm818710f5s.PNG)




[**5 - Page Ruler**](https://chrome.google.com/webstore/detail/page-ruler/idhjfgkakeliobkfbijghiaklmiaheag?hl=en) : It helps to measure the height , width and position of any element on web pages.


![Page Rule Extention](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9a1amgf76agz7870nmz6.PNG)




[**6 - Web Developer Checklist**](https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp?hl=en): It analyses any web page for violations of best practices .

![Web Developer Checklist Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j0ce5w9byecg25efodw9.PNG)




[**7 - daily.dev**](https://chrome.google.com/webstore/detail/dailydev-the-homepage-dev/jlmpjdjjbgclbocgajdjefcidcncaied) : It’s a news aggregator , that allows to get the latest news and blogs posts  in one place  .  

![daily.dev Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9nxuegqpipxpkm6i9wr2.PNG)




[**8 - ColorZilla**](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp) : It allows to identify the combinations or individual colours on a web page fastly.

![ColorZilla](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b61w8zuz1fkp41ryrgsq.PNG)




[**9 - Lorem Ipsum Generator**](https://chrome.google.com/webstore/detail/lorem-ipsum-generator-def/mcdcbjjoakogbcopinefncmkcamnfkdb): It creates filler text for demo websites .

![Lorem Ipsum Generator Extention](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wqltr2bla9dogy5wjfhw.PNG)




[**10 - Clear Cache**](https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en):It permit to clear  cache and browsing data with a single click of a button.

![Clear Cache Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/216d2u1seidevgntgai6.PNG)



Do you use other Chrome Extension ? share it with us.

If you enjoyed this article you can follow me on [Twitter](https://twitter.com/chemlali_assia) where I Tweet about Web Development Tips & Resources