I had one of those little single-serving designer helper sites bookmarked the other day: getwaves.io. Randomized SVG waves! Lots of cool options! Easy to customize! Easy to copy and paste! Well played, z creative labs.
![](https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/09/Screen-Shot-2021-09-25-at-4.04.17-PM.png?resize=2258%2C1806&ssl=1)
But then I saw the little link at the top of the page, that it was part of something called Haikei. So I checked that out, and holy mackerel, it’s great! There are a dozen or more similar “generators” within one app, each just as well done as the SVG waves one.
![](https://i2.wp.com/css-tricks.com/wp-content/uploads/2021/09/Screen-Shot-2021-09-25-at-4.07.12-PM.png?resize=2562%2C1882&ssl=1)
Kind of reminds me of Omatsuri which is a similar collection of useful little on-off tools.
![](https://i1.wp.com/css-tricks.com/wp-content/uploads/2021/09/Screen-Shot-2021-09-25-at-4.08.47-PM.png?resize=2740%2C1788&ssl=1)
But heck, those are just two apps, even if they are collections of mini apps in an of themselves. Around the same time, I became aware of tiny-helpers.dev, which is a roundup site of all sorts of these little one-off helper sites.
Haikei and Omatsuri are both on there, along with many hundred more. Just the SVG area alone is super:![](https://i1.wp.com/css-tricks.com/wp-content/uploads/2021/09/Screen-Shot-2021-09-25-at-4.11.25-PM.png?resize=2598%2C1882&ssl=1)
I’m sure y’all find these things just as useful as I do. They don’t make us lazy, they make us efficient. I know how to make a pattern. I know how to draw a curve with a Pen Tool. I know how to convert SVG into JSX. But using a dedicated tool makes me faster and better at it. And sometimes I don’t know how to do those things, but that doesn’t mean I can’t take advantage. Fake it ’til you make it, right?
The post So many little design helper sites! appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
source https://css-tricks.com/__trashed/
No comments:
Post a Comment