DEV Community

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

Simple Chrome Extensions That Make My Work a Bit Easier

Vitor Paladini on November 06, 2020

No time for introductions! I've been front-end-ing for a while. Here are some of the extensions that helped me along the way. Links on the ti...
Collapse
 
alyatek profile image
alyatek

If you don't want to have an extension to take a full size screen shot you can just go to Chrome Dev Tools press CTRL + SHIFT + P and search for "Capture full size screenshot" and Chrome will take a full size picture.

Collapse
 
ludamillion profile image
Luke Inglis • Edited

There are a number of things here you can do without extensions just by using the developer tools.

Timeshift => just go to the sensorstab in the dev tools and select your desired location from the location dropdown. Need to debug a specific location? Just click the manage button next to the dropdown and add your own.

Pesticide => Dead simple; just add a new style rule in the elements tab. * { outline: 1px solid red; }. Doing it this way has the advantage of not being tied to any browser. It'll work in anything, even ancient versions of IE.

Collapse
 
vtrpldn profile image
Vitor Paladini • Edited

Great suggestions!

You can go even further, skip ColorZilla and use DevTools default color picker.

DevTools color picker

But then you'd need to open DevTools all the time...

Some of those extensions simply make already existing browser features easier to reach, which makes my work a bit easier 🙂

Collapse
 
9kopb profile image
Якорь • Edited

I hate install new apps or extensions, so instead of Pesticide I use bookmarklet: github.com/davidbrai/js-red-border...

Collapse
 
ihsoofi profile image
Irfan ul Haq Soofi

Your article is great for new developers who don't know well how to use developer tools many thanks.

Collapse
 
dule_martins profile image
Dule Martins

Nicely currated, thanks for sharing

Collapse
 
jmonterroso profile image
Jayson Monterroso

Good Extensions thanks for sharing!

Collapse
 
vtrpldn profile image
Vitor Paladini

Happy to help! 😄

Collapse
 
maxprogramming profile image
Max Programming

This list is awesome! Thanks a lot Vitor.

Collapse
 
bigclown profile image
Alejandro Ariel Serra

I always ask for quick feedback using a video, does anyone know any good screen recording plugin that does exactly that?

Collapse
 
vtrpldn profile image
Vitor Paladini

I recorded the examples with Kap, which is only available for Mac, unfortunately. It seems like ShareX is a nice alternative for Windows.

Collapse
 
tominoff profile image
Tominov Sergey

Thank you for sharing! I think it would be better to use little bookmarklet (gist) instead of Pesticide.