DEV Community

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

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 ...
Collapse
 
stremovsky profile image
Yuli

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

bennettfeely.com/clippy/

Collapse
 
devggaurav profile image
Gaurav

Thank u for adding to this list❤

Collapse
 
sayanide profile image
Sayan Mondal • 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.

Collapse
 
zer0 profile image
zer0

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

Collapse
 
devggaurav profile image
Gaurav

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

Collapse
 
brandonwallace profile image
brandon_wallace • 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

Collapse
 
devggaurav profile image
Gaurav

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

Collapse
 
martinhaeusler profile image
Martin Häusler

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

Collapse
 
ivanortegaalba profile image
Ivan Ortega Alba

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

Collapse
 
devggaurav profile image
Gaurav

Thank u! I will give this one a try!

Collapse
 
nykanen profile image
Jasper Nykänen

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.

Collapse
 
devggaurav profile image
Gaurav

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

Collapse
 
alexk profile image
Alex Kaul

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

Collapse
 
mugas profile image
Ricardo Moreira

Screen to Gif yes :)

Collapse
 
venkateshaj profile image
venkatesh-aj

Hi there, I've created a color palette tool called colorsui.com. It's a free color tool.
dev-to-uploads.s3.amazonaws.com/up...

Collapse
 
devggaurav profile image
Gaurav

Nice! I will surely give it a try!

Collapse
 
imjakob profile image
Marc Erwin Truong

You're rock!

Collapse
 
emilienleroy profile image
Emilien Leroy

Personnaly for color palettes and gradient generator I use mycolor.space/

Collapse
 
devggaurav profile image
Gaurav

Yes its also nice. I just like the UI of the colorinspo. It's clean and minimal.

Collapse
 
chloet profile image
Chloe Tompson

Thanks for sharing, screentogif using too

Collapse
 
lautenschlagerdev profile image
Andreas Lautenschlager

Holy sh*t. DevDocs is a goldmine. Thanks!

Collapse
 
devggaurav profile image
Gaurav

Yes🤩

Collapse
 
omril321 profile image
Omri Lavi

Thank you! I especially like Undesign - such an amazing collection!

Collapse
 
dgva profile image
Duarte Araújo

Awesome tools! Thanks, they come in hand for my next projects

Collapse
 
devggaurav profile image
Gaurav

Thank u!

Collapse
 
a9860559812 profile image
AmitGupta

Excellent blog.

Collapse
 
devggaurav profile image
Gaurav

Thank u!

Collapse
 
astrit profile image
Astrit

Great list

Collapse
 
devggaurav profile image
Gaurav

Thank u!❤

Collapse
 
eunit99 profile image
Emmanuel Uchenna

Awesome content, thanks for this.

Collapse
 
devggaurav profile image
Gaurav

Thank u!

Collapse
 
devggaurav profile image
Gaurav

Sure! I will check it out. thank u😄

Collapse
 
ronaldoperes profile image
Ronaldo Peres

Thanks for posting!!

I didn't know any of those. :|

Collapse
 
devggaurav profile image
Gaurav

Glad this helped 😊

Collapse
 
dummyko profile image
dummyko

Very handy, Noice!

Collapse
 
devggaurav profile image
Gaurav

thanku!

Collapse
 
sivaneshs profile image
Sivanesh Shanmugam

Exactly I was searching for your option 1 the whole day. Thanks for the list 😊

Collapse
 
devggaurav profile image
Gaurav

Glad that this post helped u😊

Collapse
 
rajutes profile image
RAJU V

great content...

Collapse
 
devggaurav profile image
Gaurav

Thank u!

Collapse
 
alanssoares profile image
Alan Soares

This DevDocs is awesome!

Collapse
 
venkateshaj profile image
venkatesh-aj

Hi there, I've created a color palette tool called colorsui.com. It's a free color tool.

Collapse
 
upupkenchoong profile image
Ken Choong

Tq, ScreenToGif is amazing. Love it in the first use

Collapse
 
maxwilliamjf profile image
Vice Cônsul da URSAL

This was of great help!
Thanks for the useful content =)