DEV Community

5 super under-rated free tools/resources I use almost every day. (As a Frontend developer)

Gaurav on March 11, 2021

Hello everyone! Let's get straight into the list of 5 tools/resources I use almost every day as a frontend developer and UI designer. Of course, I ...

Read full post

Yuli • Mar 14 '21

This tool saved my life trying to clip the image on the CSS level:

bennettfeely.com/clippy/

Gaurav • Mar 14 '21

Thank u for adding to this list❤

Sayan Mondal • Mar 13 '21 • Edited

One extension I really like to use as a Web Developer is Color Picker Eyedropper, this makes it really easy to pick any colour from the internet and use that hex code or rgb in your project. 🙌

Makes your palette looks nice with out of the box non-regular colours.

zer0 • Mar 27 '21

I used to use this but the big browser have this built in nowadays (chrome e.g. in css Panel find any Color definition, click on the colour square and you can see this typical icon to pick any colour on the page. It even zooms in pixel wise to be very precise with the picking)

Also the url you provide does not exist

Gaurav • Mar 13 '21

Yes i have also used it. Its pretty good. Also,this feature is prebuilt in firefox when we inspect element.

brandon_wallace • Mar 14 '21 • Edited

ScreenToGif is only for Windows. If you have Linux and you want to use ScreenToGif you can install the 'peek' application as an alternative.

$ sudo apt install peek

Gaurav • Mar 14 '21

Yes. ScreenToGif is only for windows and mac. Thanks for suggesting the linux alternative.

Martin Häusler • Mar 12 '21

Regex101 is amazing, my go-to address whenever the regex evaluator... disagrees... with my regular expressions :)

Ivan Ortega Alba • Mar 13 '21

Good compilation! An alternative for ScreenToGif could be Gifox. It is also in for Mac OS gifox.io/

Gaurav • Mar 13 '21

Thank u! I will give this one a try!

Jasper Nykänen • Mar 16 '21

Should've Googled for ScreenToGif. I needed to record a small preview of a project I open-sourced to Github.

Instead I recorded with obs, edited the area I needed with Davinci Resolve and finally used EZGif to convert mp4 to gif.

Squoosh is also great, it supports all image formats you might need (including AVIF), helpful if you don't have a compression api / pipeline and just want to quickly optimize images.

Gaurav • Mar 16 '21

Yea squoosh is amazing when it comes to optimizing the images!

Alex Kaul • Jun 6

Another addition to the list: Freeter - a free & open source productivity tool.
Here is a story on how I boosted my productivity with it: dev.to/alexk/how-i-boosted-my-prod...