DEV Community

loading...
Cover image for Chrome Extensions That Make My Work a Bit Easier

Chrome Extensions That Make My Work a Bit Easier

Christopher Glikpo
A learner and a Youtuber who likes to write Technical Blog. https://www.youtube.com/c/ChristopherGlikpo
・3 min read

As a developer, you probably find yourself spending a lot of time in Chrome working. You work in a fast-moving industry and keeping on top of things can be challenging.Browser extensions are known as software programs, which help in customizing the browsing experience and they are a great way to improve productivity.

I've been doing front-end work for a time now.

Here are a few of the extensions that came in handy for me.

There are links in the title.

Let's go! πŸƒβ€β™€οΈπŸƒβ€β™‚οΈπŸ’¨

Fake Filler
Fake Filler

Fake Filler is the form filler to fill all input fields on a page with randomly generated fake data. This productivity boosting extension is a must for developers and testers who work with forms as it eliminates the need for manually entering values in field

Wappalyzer
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.

Web Developer

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.

ColorZilla
ColorZilla

Sometimes you just need to pick a color.

ColorZilla is the best color picker for your color picking needs.

CSS PEEPER
CSS PEEPER
CSS Peeper is a CSS viewer tailored for Designers. Get access to the useful styles with our Chrome extension. Our mission is to let Designers focus on design, and spend as little time as possible digging in a code.

PerfectPixel
PerfectPixel
PerfectPixel is particularly practical when you need to perfectly place pixels on your page.

But seriously, though. There is no better tool for when your implementation needs to look ridiculously close to the layout.

Just paste a semi-transparent .jpg over your screen and tweak your CSS until it matches.

Web Developer Checklist

Web Developer Checklist

Web Developer Checklist extension allows you to discover problem areas on your website before you deliver it to your client. It analyses and checks a given web page for any major violations of web development best practices in terms of SEO, usability, accessibility, and performance

If you've reached this point, thank you very much. I hope that this tutorial has been helpful for you and I'll see you all in the next.

If you like my work, please consider
Buy me a coffee
so that I can bring more projects, more articles for you

If you want to learn more about Web Development, feel free to follow me on Youtube!

Have a good weekend! πŸ˜„

Discussion (0)