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)