Codú

Josh W Comeau's Coding Profile

Avatar for Josh W Comeau

Josh W Comeau

@josh-w-comeau

Frontend developer sharing CSS tricks, React patterns, and web development insights through interactive tutorials.

joshwcomeau.com

Articles (4)

Josh W Comeau21 min

Scroll-Driven Animations

The new Animation Timeline API allows us to create dynamic scroll animations without any JavaScript! It’s honestly a very lovely API, and in this blog post, we’ll explore some of the super cool things we can do with it.

0
0
Josh W Comeau15 min

Squash and Stretch

Have you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore how we can use the very first principle to create SVG micro-interactions that feel way more natural and believable. It’s one of those small things that has a big impact.

0
0
Josh W Comeau8 min

Sneaky Header Blocker Trick

There is a lil’ UI detail on this blog. Most people don’t even notice it, but the ones who do often reach out, asking how on earth it works. It feels like it defies the rules of CSS! In this blog post, I’ll break down the surprisingly-straightforward implementation so you can start using this trick...

0
0
Josh W Comeau13 min

Sprites on the Web

In game development, it’s common to use spritesheets for animation, but this technique isn’t as widely used on the web. Which is a shame, because we can do some pretty cool stuff with sprites! In this post, we’ll share the niche CSS function you can use to leverage this technique, and explore some o...

0
0