DEV·6yChrome extensions you should have in your pocket.
This week I was looking at the chrome extensions that I have used so far and have been helpful in my journey. I will also like to mix up both design and dev extensions that might be helpful to you. All the extensions I will list down are free and very useful. At times I can't believe how efficient they are yet you get them free. That's why I love open source contribution.
DEV·6yMy 12 Favorite Chrome Extensions as a Web Developer ⚡🚀
PixelZoomer takes a screenshot of the current website and provides various tools for pixel analysis. Night Eye enables dark mode on any website using its proprietary algorithm, instead of inverting the colours like its competitors. The Great Suspender reduces Chrome's memory footprint. Momentum lets you replace new tab page with personal dashboard featuring to-do, weather, and inspiration.
Hashnode·6yChrome find unused code 🔎
Chrome has a Code Coverage tool. It shows you what CSS and JavaScript is being used on a page. You can run a coverage by re-indexing the page. This gives you a high-level overview of the scripts and css loaded. You could then use another tool to remove these lines from your code.
DEV·6yHow to Build a Chrome Extension
Chrome extensions are small HTML, CSS and JavaScript apps that we can install in the chrome browser. In this tutorial, we are going to build an extension that allows users to get covid19 case details based on the country selected. Create a new directory "dist" and create files under that directory as shown in the picture.
Hashnode·6yHow to Build a Chrome Extension
Chrome extensions are small HTML, CSS and JavaScript apps that we can install in the chrome browser. In this tutorial, we are going to build an extension that allows users to get covid19 case details based on the country selected.Step 1: Create a new directory "dist" and create files under that directory as shown in the picture.Step 2: Create an HTML file and a js file to handle API calls.