Hoverify
CSS Scan
CSS Scan Pro
SuperDev Pro
Shuffle for Tailwind CSS
EazyCSS
Devsync
CSS Grab n' Go Editor
ImageOptim
TinyPNG
Squoosh
Caesium Image Compressor
iLoveIMG
Compressor.io
XnConvert
Optimage
Tools to make your web dev life a bit easy.
โญ Inspector
1) Inspect CSS and HTML just by hovering over the element.
2) Live edit CSS and HTML.
3) Export code to Codepen.
4) Inspect media queries and animations.
5) Edit the content of any HTML element.
6) Traverse DOM elements with arrow keys.
7) Know fonts per tag.
8) Finds font on Google Fonts.
9) Extract all the colors used on the page.
10) Toggle visibility of any element or remove an element from the page and persist changes.
11) Easily search elements by tag, class, or id.
โญ Color Eyedropper 1) Pick colors from anywhere on the page, even images and IFrames. 2) Get hex and RGB values. 3) Save colors.
โญ Assets 1) Extract images, SVGs, and videos from the page. 2) Download all the assets at once in ZIP.
โญ Responsive 1) Any click, scroll, or navigation you perform in one device will be replicated to all devices in real-time. 2) Add new custom device profiles as you like and arrange devices to fit your style. 3) Hot-Reloading Support.
โญ Debug 1) Clear cache, cookies, and local storage of specific origin or whole browser. 2) Get meta tags from the page and copy them with one click. 3) Check the whole page for spelling mistakes (Only supports English).
โญ Screenshots 1) Take a screenshot of the whole page or just a visible area. 2) Screenshot the visible area of every tab with just one click. 3) Save the screenshot in PDF, JPG, or PNG.
Hoverify ImageOptimBased on our record, ImageOptim seems to be more popular. It has been mentiond 54 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Compress Images: Use tools like TinyPNG or ImageOptim to reduce image sizes without sacrificing quality. - Source: dev.to / almost 2 years ago
Compress Images: Reduce file size while maintaining quality using image compression tools like TinyPNG or ImageOptim. Also, you can use Figma plugin: ExportX. - Source: dev.to / about 2 years ago
Compressing images: This technique reduces image size without compromising quality. You can achieve this using various image compression tools like TinyPNG or ImageOptim. These tools are specifically designed to manage multiple image formats and compression methods. They help reduce image files, resulting in less data transfer from the server to the user's device. It is advisable to compress images before... - Source: dev.to / over 2 years ago
ImageOptim: ImageOptim is a free and open-source tool that can be used to compress JPEG, PNG, and GIF images. - Source: dev.to / over 2 years ago
Currently installed apps: Alfred for searching applications/files and launching websites quickly I Stat menus to monitor my hardware Geo Gebra Classic 6 for school Rectangle for better window management Obsidian for note taking Resolve for video editing and all utilities that come with it Bitwarden as my go-to password manager Microsoft Word, Excel PowerPoint and Teams for school Dropover for moving or... Source: over 2 years ago
CSS Scan - Instantly check or copy computed CSS from any element for only ~95$
TinyPNG - Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!
CSS Scan Pro - The easiest way to get and edit the CSS of any website, live
Squoosh - Compress and compare images with different codecs, right in your browser
SuperDev Pro - 14-in-1 browser extension developers and designers love.
Caesium Image Compressor - Compress your pictures up to 90% without visible quality loss.