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...
For further actions, you may consider blocking this person and/or reporting abuse
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.
There are a number of things here you can do without extensions just by using the developer tools.
Timeshift => just go to the
sensors
tab in the dev tools and select your desired location from thelocation
dropdown. Need to debug a specific location? Just click themanage
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.Great suggestions!
You can go even further, skip ColorZilla and use DevTools default 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 🙂
I hate install new apps or extensions, so instead of Pesticide I use bookmarklet: github.com/davidbrai/js-red-border...
Your article is great for new developers who don't know well how to use developer tools many thanks.
Nicely currated, thanks for sharing
Good Extensions thanks for sharing!
Happy to help! 😄
This list is awesome! Thanks a lot Vitor.
I always ask for quick feedback using a video, does anyone know any good screen recording plugin that does exactly that?
I recorded the examples with Kap, which is only available for Mac, unfortunately. It seems like ShareX is a nice alternative for Windows.
Thank you for sharing! I think it would be better to use little bookmarklet (gist) instead of Pesticide.