DEV Community

Cover image for 7 Chrome extensions to boost your frontend workflow
tech foutraque
tech foutraque

Posted on • Originally published at techfoutraque.hashnode.dev on

7 Chrome extensions to boost your frontend workflow

Every week, we present a selection of frontend tools to improve your productivity.

📰 Watch our latest episode 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 newsletter, 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.

Top comments (0)