weekly resources #5

hey, it’s dmytro from helpy-ui. got two updates i wanna share before the tools list 👀

first off, helpy-ui just turned 1 month old 🎉 and i really wanna say a huge thank you to everyone who visits helpy daily, using it and finding new resources or tools. also, big thanks to everyone who’s recommended their favorite resources to add. i try to filter links and not include off-topic stuff or those just looking for backlinks. i’ve set a quality standard for the sites and usefulness that can be on helpy, and if it doesn’t meet that, unfortunately, i can’t feature it. but don’t worry, a sponsored section is coming soon 👀

now, let’s talk about 1 month of helpy-ui in numbers:

16 OSS templates
149 tools & resources
7,076 total card clicks (average 229 per day)
5,798 unique visitors
83 newsletter subscribers
2,819 google search impressions
73 google search clicks
30 DR

thanks again for reading and using it, i’m glad to see this list is helpful to someone!

the second update is about this newsletter. i’m planning to switch it up a bit, like sharing news or important events as they happen, and then putting out new resource and tool lists once a month or so. i’ll also do themed collections like “top 5 icons for your apps.” since the focus is more on seo and increasing reach right now, there aren’t many updates, and i don’t wanna distract you too much! let’s see how this new format works.

ps: you can check out all the new resources in the "Explore" section 👀

now, let’s get to today’s list!

1. Signals for Tailwind

Simplifies styling based on ancestor state via style queries.

2. Just Enough Engineering

People-centered software designer who dabbles with front-end engineering & nerds out on product strategy.

3. How to Design Clean UI as an Engineer

Learn to think like a designer as an engineer.

4. Solving Framer Motion Page Transitions

Let's crack the code on how to do proper exit and enter animations on page transitions in Next.js App Router using Framer Motion.

5. Create beautiful images of your code

Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.

6. .toBeVisible() or .toBeInTheDocument()?

A deep dive into Testing Library's .toBeVisible() and .toBeInTheDocument() matchers, exploring their differences, use cases, and best practices.

7. Why I Don't Like Enums

Enums in TypeScript can be confusing, with differences between numeric and string enums causing unexpected behaviors.

8. datatochart

Free, no sign up required and easy to use tool to create charts from any CSV or JSON data.

9. Cache Control Playground

A playground to test the Cache-Control header and its directives.

10. UploadThing

The easiest way to upload files to your app.

thanks for reading and using helpy-ui! don't forget to send over your favorite resources and any ideas about what else you'd like to see in helpy-ui. have a great week ahead with plenty of useful tools and resources coming your way!

if you've found something cool, just hit reply - i'd love to add your discoveries to the collection. your feedback helps make helpy-ui better for everyone!

catch you next week!