<p>So, you might be a web developer if you are seeing this post or an upcoming dev. This post I will show you 3 extensions that simplified my web development life 🔥</p>
<h1 id="what-fonthttpschromegooglecomwebstoredetailwhatfontjabopobgcpjmedljpbcaablpmlmfcogm"><a target="_blank" href="https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm">What Font</a></h1>
<p>This extension identifies the font that is used on the current site you're in.</p>
<p><img src="https://lh3.googleusercontent.com/nep5S6A_Z05btUKTsv76SXoKW1Zv5a1Hr9RspeTOxS1y0E88UiYLHQv4OXvD1UaL8-YdlHuDsmg=w640-h400-e365-rj-sc0x00ffffff" alt="image" /></p>
<h1 id="colorpick-eyedropperhttpschromegooglecomwebstoredetailcolorpick-eyedropperohcpnigalekghcmgcdcenkpelffpdolg"><a target="_blank" href="https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg">ColorPick Eyedropper</a></h1>
<p>This extension will give you the Hex code for any color you hover on</p>
<p><img src="https://lh3.googleusercontent.com/DeggsOAD1Q4cazpbNACwbfxVRzj3e-R7fbJ4etXntdGyvrCZiwHz931BhebyPLjjYI0XS1_N=w640-h400-e365-rj-sc0x00ffffff" alt="image" /></p>
<h1 id="wappalyzerhttpschromegooglecomwebstoredetailwappalyzergppongmhjkpfnbhagpmjfkannfbllamg"><a target="_blank" href="https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg">Wappalyzer</a></h1>
<p>This extension will show you the technologies that are used in the current website you're in</p>
<p><img src="https://lh3.googleusercontent.com/QVwNvDyEfFZIJdRsmSQA6NPLAWxkmyrUPR-SH5tQ7D4KiIYR-jzN9NTis-XTZXergz7AHuoSIQ=w640-h400-e365-rj-sc0x00ffffff" alt="image" /></p>
<blockquote>
<p>All images are taken from the  <a target="_blank" href="https://chrome.google.com/webstore/category/extensions">Official Chrome Web Store</a> </p>
</blockquote>


So, you might be a web developer if you are seeing this post or an upcoming dev. This post I will show you 3 extensions that simplified my web development life 🔥

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

This extension identifies the font that is used on the current site you're in.

![image](https://lh3.googleusercontent.com/nep5S6A_Z05btUKTsv76SXoKW1Zv5a1Hr9RspeTOxS1y0E88UiYLHQv4OXvD1UaL8-YdlHuDsmg=w640-h400-e365-rj-sc0x00ffffff)

# [ColorPick Eyedropper](https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg)

This extension will give you the Hex code for any color you hover on

![image](https://lh3.googleusercontent.com/DeggsOAD1Q4cazpbNACwbfxVRzj3e-R7fbJ4etXntdGyvrCZiwHz931BhebyPLjjYI0XS1_N=w640-h400-e365-rj-sc0x00ffffff)

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

This extension will show you the technologies that are used in the current website you're in

![image](https://lh3.googleusercontent.com/QVwNvDyEfFZIJdRsmSQA6NPLAWxkmyrUPR-SH5tQ7D4KiIYR-jzN9NTis-XTZXergz7AHuoSIQ=w640-h400-e365-rj-sc0x00ffffff)

> All images are taken from the  [Official Chrome Web Store](https://chrome.google.com/webstore/category/extensions) 





3 Must use chrome extensions for web developers! 🔥

What Font

ColorPick Eyedropper

Wappalyzer