12 Must Have Chrome Extensions For Front-End Developers

12 Must Have Chrome Extensions For Front-End Developers

Discover the most useful extensions to make your developer life more productive. ... 12 Chrome Extensions Every Developer Must Have ... It provides a floating panel that reports on the identity of the section that the mouse is over, ... 12. IE Tab. In need to do some manual IE testing and don't want to install all kind of different ...

I’m a Google Chrome user, and I recently realized that I had way too many Chrome Extensions and that it was time to clean a bit.

After good thinking, I knew it was time to get rid of some extensions I was not using. Sticking to the essentials ones, it all came to those 12 extensions I’m using a lot:

1. Wappalyzer

It often happened to me to be on a website and to be curious. I know it’s bad, but I’m a curious person. If you are like me, Wappalyzer is an extension for you. It will give you a sneak peek behind the curtains of any website.

Here are a few examples of the data you can get from Wappalyzer:

Image for post

Whappalyzing The Washington Post, Medium and a WordPress website

The information varies from one website to another, but it can be a great tool for checking a prospective client already existing website for example.

2. Font Ninja & ColorZilla

As a developer, you often need to check the font or the color of some elements. They are a lot of extensions that do that, so I’m not going to spend so much time on those. I’m using Font Ninja & ColorZilla:

3. Responsive Viewer or Sizzy

I’m a huge fan of Sizzy when it comes to checking if my website is responsive. But, before using Sizzy, I used a google extension called Responsive Viewer. It’s good enough to be on this list.

But when it comes to inspecting an element, in my opinion, Sizzy is better. However Sizzy is not free, but nothing great is. It also has a google extension redirecting you automatically to the app.

javascript web-development google front-end-development chrome-extension

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Top 6 Front-End Web Development Tools to Increase Your Productivity in 2020

In this article, we are going to see some of the tools that help us with various front-end web development challenges and increase our productivity. Top 6 Front-End Web Development Tools to Increase Your Productivity in 2020

Top 9 Open source JavaScript frameworks for front-end web development

About a decade ago, the JavaScript developer community began to witness fierce battles emerging among JavaScript frameworks. In this article, I will introduce some of the most well-known of these frameworks. And it's important to note that these are all open source JavaScript projects, meaning that you can freely utilize them under an open source license and even contribute to the source code and communities.

7 Tips to use Google Chrome DevTool [Network] tab like an experienced developer

Google Chrome DevTool for debugging Network tab or panel in Chrome Devtool is one of the most popular debugging tools that software developers especially Web & Front-End developer can use

Top 19 Front-End Web Development Tools to Consider in 2020

In this post, we are putting curated list of top tools with key features and download links "Top 19 Front End Web Development Tools to Consider in 2020"

What is Front-End Development? Necessary Web Development Job Skills Explained.

What is Front-End Development? Necessary Web Development Job Skills Explained. Front-end development can include the engineering work done on mobile apps of desktop software. A front-end developer is someone who works on software, like desktop or mobile websites, that users interact with.