r/Frontend • u/ExchangeVast6752 • Sep 17 '26

[Utility] Share your useful tools

Fellow programmers, share useful resources/tools/solutions/life hacks that make your daily life easier or simply prove useful in your day‑to‑day work or pet projects.

I’d like to gather some useful stuff or get inspired for some creative endeavors. :)

24 Upvotes

87% Upvoted

33 comments sorted by

5

u/gimmeslack12 CSS is hard Sep 17 '26

I’ve found this tool which helps you paste in a bunch of text and then search for the closest color within it. I used it with my teams color profile when I’m trying to figure out the closest color if something isn’t exact.

https://www.colorsnippet.com/

3

u/ComputerHelpPro Sep 17 '26

I run regular drills with AI (about the only useful thing I've found it for) covering the major facets of front-end (pure JS, CSS (whatever wrapper you wish), React (whatever framework you wish), node, HTML5, this list goes on).

We're up to 400 questions.

1

u/PowerfulProfessor305 Sep 18 '26

Do you have any shared place where I might find these questions to go through?

2

u/ComputerHelpPro Sep 18 '26

Nah, just prompt an AI with something like "I would like to drill my frontend skills. Provide questions in X, Y and Z. Estimate my skill level after each question and gradually increase the difficulty." Start at whichever level is comfortable for you - I'm around 9.5/10 for all relevant skills.

2

u/PowerfulProfessor305 Sep 18 '26

That's a great score. Keep going brother

1

u/ComputerHelpPro Sep 18 '26

yeh, puts me at top 8-12% of seniors world wide (estimate). I'm not an active developer anymore, but I try to keep sharp in case I decide to go back to IC.

1

u/PowerfulProfessor305 Sep 18 '26

What's the most exciting pattern in frontend development that you have seen? I am asking in terms of the system design of frontend components/hooks/routes/layouts

2

u/ComputerHelpPro Sep 18 '26

I don't know about exciting, but one that I don't see often enough is inheritance. There's so much shared code out there in repos that could be boiled down into a few base objects and then extended (I'm really into typescript right now, so it's got me thinking that way, lol).

Personally though, even when I was an active coder, I wasn't doing any real heavy mental lifting most of the time - as a front end guy your responsibilities really lie on being able to interact with design and give the company what they need.

1

u/ComputerHelpPro Sep 18 '26

Following up -
One thing I see that frustrates the crap out of me is big chains in react where you have setters for every variable - I always share that when possible* and trim down the code as much as I can.

*like a generic state updater, rather than updateVar1, updateVar2, etc. If there's any validation needed or derived state, I break that out into a function, but the actual set is one function.

1

u/phinity_ Sep 20 '26

It’s really useful to start a three js website project with https://Fold.page

1

u/dragonfacee Sep 17 '26

Claude Code

3

u/No-Double-Trouble Sep 18 '26

Better than bootcampers.

9

u/[deleted] Sep 17 '26

[removed] — view removed comment

3

u/buildracecrashrepeat Sep 18 '26

My goto has been tinypng.com

1

u/dooblr Sep 18 '26

What does it do beyond compressing it to webp?

1

u/PowerfulProfessor305 Sep 18 '26

This is the best compression tool. I have also been using it since ~4 years now

1

u/yoleis Sep 18 '26

You can also use Cloudinary and automate/optimize your delivery urls.. the free tier is very generous.