8 Essential Chrome extension for Web Developers.
A Thread 👇
A Thread 👇
1️⃣ Fake Filler
A form filler that fills all inputs on a page with fake/dummy data. This productivity-boosting extension is a must for developers and testers who work with forms.
📎chrome.google.com/webstore/detai…
A form filler that fills all inputs on a page with fake/dummy data. This productivity-boosting extension is a must for developers and testers who work with forms.
📎chrome.google.com/webstore/detai…
2️⃣ Window Resizer
This extension re-sizes the browser's window to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.
📎chrome.google.com/webstore/detai…
This extension re-sizes the browser's window to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions.
📎chrome.google.com/webstore/detai…
3️⃣ Notion Clipper
Notion Clipper saves any page on the web to your Notion workspace.
📎chrome.google.com/webstore/detai…
Notion Clipper saves any page on the web to your Notion workspace.
📎chrome.google.com/webstore/detai…
4️⃣ Daily. dev
daily. dev is the easiest way to stay updated on the latest programming news. Get all the content you love in one place -- CSS-Tricks, Smashing Magazine, web. dev, and +350 sources.
📎chrome.google.com/webstore/detai…
daily. dev is the easiest way to stay updated on the latest programming news. Get all the content you love in one place -- CSS-Tricks, Smashing Magazine, web. dev, and +350 sources.
📎chrome.google.com/webstore/detai…
5️⃣ WhatFont
With this extension, you could inspect web fonts by just hovering on them. It is that simple and elegant.
📎chrome.google.com/webstore/detai…
With this extension, you could inspect web fonts by just hovering on them. It is that simple and elegant.
📎chrome.google.com/webstore/detai…
6️⃣ React Dev Tools
A Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.
📎chrome.google.com/webstore/detai…
A Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.
📎chrome.google.com/webstore/detai…
7️⃣ Wappalyzer
Wappalyzer is a technology profiler that shows you what websites are built with.
Find out what CMS a website is using and any framework, e-commerce platform, JavaScript libraries, and many more.
📎chrome.google.com/webstore/detai…
Wappalyzer is a technology profiler that shows you what websites are built with.
Find out what CMS a website is using and any framework, e-commerce platform, JavaScript libraries, and many more.
📎chrome.google.com/webstore/detai…
8️⃣ Web Developer
The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.
📎chrome.google.com/webstore/detai…
The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.
📎chrome.google.com/webstore/detai…
That's all for this thread.
Here's a curated list of 50 Developer tools to help increase your productivity.
Grab your copy at just $2 for the next 50 people 💪💰
Discount Code: happycoding
gum.co/Developer-tools
Here's a curated list of 50 Developer tools to help increase your productivity.
Grab your copy at just $2 for the next 50 people 💪💰
Discount Code: happycoding
gum.co/Developer-tools
• • •
Missing some Tweet in this thread? You can try to
force a refresh
