Thread by @stefanjudis

May I introduce: @tinyhelpersdev – tiny-helpers.dev.

Because I never find the proper tools when I need them I started collecting useful single-purpose online tools that are useful for web devs & I'll keep adding tools. 😊🙈

I share my favorite ones below in a thread. 🧵

@tinyhelpersdev astexplorer.net – the go-to tool when you're dealing with abstract syntax trees! Highly recommended!

@tinyhelpersdev bennettfeely.com/clippy/ – a tool to generate CSS clip-paths, because this is nothing you want to do by hand. ;)

@tinyhelpersdev cssgrid-generator.netlify.com because CSS grids can be very confusing at times. 🙈

@tinyhelpersdev css-scroll-shadows.now.sh because there is no chance to remember these CSS rules to make scroll shadows possible. 🙈

@tinyhelpersdev apps.eky.hk/css-triangle-g… because let's be honest – we all used this tool! :D

@tinyhelpersdev the-echoplex.net/flexyboxes/ because flexbox can also be very tricky to learn. :)

@tinyhelpersdev google-webfonts-helper.herokuapp.com/fonts to quickly download Google fonts in case you want to self-host them. 👍

@tinyhelpersdev regexr.com to "master" (who can even master these 🙈) and test regular expressions...

@tinyhelpersdev brumm.af/shadows because the standard box-shadows are just not smooth enough!

@tinyhelpersdev shapecatcher.com because you can simply draw something and it will give you matching unicode characters! 😲

@tinyhelpersdev shapy.app because creating CSS gradients is still to hard in the dev tools.

@tinyhelpersdev snippet-generator.app because creating @code snippets is too hard!

@tinyhelpersdev @code squoosh.app because optimized images are important and why not just optimize them right in the browser! 🎉

@tinyhelpersdev @code maketintsandshades.com to create color shades of one or more primary colors! 🎉

@tinyhelpersdev @code transform.tools because developers shouldn't manually turn e.g. SVG files into React components. 🙈

@tinyhelpersdev @code And these were my favorites. :)