The way to gain your expertise in web development can be done more quickly with the help of the following Chrome extensions ✌️
Dimension and Size Checker
PixelZoomer takes a screenshot of the current website and provides various tools for pixel analysis. You can zoom into websites (up to 3200%), measure distances and pick colors with an eye dropper.
Accessibility: colour-blind generating
This extension simulates the website as a color vision impaired person would see.
Easily and quickly edit the URL/URI from the current page.
Debug and test tag management (Google Tag Manager, DTM, Tealium) and analytics implementations.
Accessibility: Dark mode on any website
Night Eye enables dark mode on any website using its proprietary algorithm, instead of inverting the colours like its competitors.
Productivity // Developed by me :)
BrowserBuddy lets you view all the data available about you when browse a page. The extracted information will include your browser details, supported features, page activity, device, screen sizes, storage, geolocation, ip and more!
A lightweight extension to reduce Chrome's memory footprint. Perfect if you have a lot of tabs open at the same time. Tabs that have not been viewed after a configurable length of time will be automagically suspended in the background, freeing up the memory and CPU being consumed by that tab.
Validate and view JSON documents
Speed up your design workflow! Identify fonts from any website, bookmark, try, and buy them.
Color Picker and Generator
Advanced Eyedropper, Color Picker, Gradient Generator and other colourful goodies
Replace new tab page with a personal dashboard featuring to-do, weather, and inspiration.
SEO, Web Speed & Security Tester
I hope you find this helpful as I am 😊
If you have any comments or suggestions to add, feel free to comment! 💬
Please click the ❤️ below so other people will see it on DEV.to :) ! 👤 Feel free to follow me on Github