7 Game-Changing Chrome Extensions for Frontend Productivity ⚡
As a frontend dev 👨💻, I like to use tools without having to open the dev tools or some website.
Every week, we present a selection of frontend tools to improve your productivity.
📰 Watch our latest issue here and don't miss our tips section here to improve your frontend skills and knowledge. ⚙️
📐 Dimensions
Easily measure dimensions of any element on a web page. Perfect for designers and developers striving for pixel-perfect precision. Some bugs but useful.
🔗 https://tinyurl.com/3awmws2z
🎯 PerfectPixel
PerfectPixel allows developers and markup designers put a semi-transparent image overlay over the top of the developed HTML and perform pixel perfect comparison between them. No more excuses to make perfect layouts!
🔗 https://tinyurl.com/2asd7rj9
🎨 ColorZilla
Capture and analyze colors, palette from any part of a web page, create css gradient and more. Useful for finding a color reference very quickly.
🔗 https://tinyurl.com/3939wb7m
📜 Lorem Ipsum Generator
Say goodbye to boring placeholder text! Extension that allows you to bypass sites. Also available in VScode
🔗 https://tinyurl.com/3f3hyacf
🍪 EditThisCookie
Manage your browser cookies like a pro! This extension lets you view, edit, and delete cookies. Great for developers, testers... 🍬🍪
🔗 https://tinyurl.com/566v5fvk
🔗 Check My Links
Scan web pages for broken or dead links effortlessly. Our SEO friends will thank you.
🔗 https://tinyurl.com/2pxrbz36
🩻 OGraph Previewer
A light-weight extension to preview the open graph tags ( og tags) of the page in your current tab Provides a quick preview of open graph data of the page on the current tab.
😍 If you like this article, don't hesitate to share it, comment or like. What's your favorite frontend tool?
We are also on Twitter/X and BlueSky, come and say Hello! We share content throughout the week in advance!