I kept getting annoyed installing a bunch of apps for simple stuff, so I ended up making my own browser tools. Figured I'd share them here since they might help someone else too.
Some tools I put together:
1. Text Analyzer
I suck at writing docs sometimes. Made this to check if what I'm writing actually makes sense to other people. It's been pretty helpful when I'm stuck on wording.
Check it out
2. Color Picker Thing
God I hate trying to find colors that don't look terrible together. This helps me pick colors that work without spending hours on it. Saved my last project from looking like a clown designed it.
https://www.webutilitylabs.com/p/color-palette-generator.html
3. JSON Fixer
API work means JSON everywhere. When it's a mess, this helps me spot the problems. Nothing fancy but it works for what I need.
JSON tool here
4. CSS Units Calculator
I hate doing the math to convert between px, em, rem, etc. This just does it for me. Simple but useful when working on responsive stuff.
Unit converter
5. Shadow Maker
CSS shadows are a pain to get right. This lets me see what I'm doing instead of guessing. Looks better than what I'd come up with manually.
Shadow tool
Why I made these:
- Got sick of creating accounts for simple tools
- Wanted stuff that just worked in the browser
- Don't like sending my data everywhere
- Needed tools that load fast on crappy connections
- Didn't need fancy features, just the basics that work
I've got a few more on my site Web Utility Labs.
What browser tools do you guys use? Always looking for new ones that don't suck.
Top comments (0)