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 ...
For further actions, you may consider blocking this person and/or reporting abuse
This tool saved my life trying to clip the image on the CSS level:
bennettfeely.com/clippy/
Thank u for adding to this list❤
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
hexcode orrgbin your project. 🙌Makes your palette looks nice with out of the box non-regular colours.
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
Yes i have also used it. Its pretty good. Also,this feature is prebuilt in firefox when we inspect element.
Regex101 is amazing, my go-to address whenever the regex evaluator... disagrees... with my regular expressions :)
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 peekYes. ScreenToGif is only for windows and mac. Thanks for suggesting the linux alternative.
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.
Yea squoosh is amazing when it comes to optimizing the images!
Good compilation! An alternative for ScreenToGif could be Gifox. It is also in for Mac OS gifox.io/
Thank u! I will give this one a try!
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...
Excellent blog.
Thank u!
Very handy, Noice!
thanku!
Thanks for posting!!
I didn't know any of those. :|
Glad this helped 😊
Awesome content, thanks for this.
Thank u!
Great list
Thank u!❤
Screen to Gif yes :)
Awesome tools! Thanks, they come in hand for my next projects
Thank u!
Sure! I will check it out. thank u😄
Holy sh*t. DevDocs is a goldmine. Thanks!
Yes🤩
You're rock!
Thank you! I especially like Undesign - such an amazing collection!
Exactly I was searching for your option 1 the whole day. Thanks for the list 😊
Glad that this post helped u😊
Thanks for sharing, screentogif using too
Personnaly for color palettes and gradient generator I use mycolor.space/
Yes its also nice. I just like the UI of the colorinspo. It's clean and minimal.
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...
Nice! I will surely give it a try!
Hi there, I've created a color palette tool called colorsui.com. It's a free color tool.
Tq, ScreenToGif is amazing. Love it in the first use
This DevDocs is awesome!
This was of great help!
Thanks for the useful content =)
great content...
Thank u!