Popular posts

I really like Sarah's CSS Grid Generator. It's such a useful tool for planning layouts without needing to remember the CSS Grid syntax!

i use rupa/z to jump around in my terminal multiple times a day - there is literally only 1 command to learn and you can use it the rest of your life. pretty good ROI!

Aw thanks swyx! Personally I just found zzz.dog which looks super fun, you can make simple 3D shapes generated from declarative JS, made by Dave DeSandro. The examples people have been making with it on codepen have been super cool.

In terms of tools that many would find useful, this tiny one by Chris Coyier that my coworker pointed out the other day is pretty dope: strftime.net

I recently stumbled on colorsafe.co and really like it!

I'd already been using tools for checking contrast ratio to make sure my color choices pass WCAG accessibility standards. (Lea Verou's contrast-ratio.com is my longtime favorite.)

But what I like about colorsafe.co is that it gives you a quick click interface for choosing colors. I find it especially handy for quickly picking slide deck colors - because not only are high-contrast color combinations good for accessibility, they also make your slides look better on projector screens in bright rooms!

I too came across zzz.dog and it is amazingly fun! I've seen examples of people using it alongside React Spring for instance to create really neat 3D renders and animations. You can find lots of those examples on Codepen.

Also Josh Comeau wrote a wonderful post complete with code snippets to explain using CSS 3D transforms, which was incredibly mind blowing. joshwcomeau.com/posts/folding-the-dom