Full Width [alt+shift+f] Shortcuts [alt+shift+k]
Sign Up [alt+shift+s] Log In [alt+shift+l]
Articles [alt+h] Reading List [alt+r] [alt+s]

Josh Comeau's blog

Visit Blog

Sort By

Recent [alt+2]
Getting Started with Anchor Positioning For decades, one of the most notoriously-challenging problems on the web has been sticking one...
6th Jul 2026
1

Getting Started with Anchor Positioning

from Josh Comeau's blog [alt+shift+b] in programming

6th Jul 2026
For decades, one of the most notoriously-challenging problems on the web has been sticking one element to another element, for things like tooltips and nested menus. The CSSWG has decided to provide a first-class solution to this problem, and it’s pretty friggin’ cool! In this...
Direct Link [→] Remove from reading list Add to reading list [alt+a]
CSS vs. JavaScript There are a bunch of JavaScript animation libraries out there, and you might have wondered whether...
26th May 2026
1

CSS vs. JavaScript

from Josh Comeau's blog [alt+shift+b] in programming

26th May 2026
There are a bunch of JavaScript animation libraries out there, and you might have wondered whether there’s a performance cost compared to traditional CSS transitions and keyframe animations. In this blog post, we’ll compare the same animation across several different strategies...
Direct Link [→] Remove from reading list Add to reading list [alt+a]
Squash and Stretch Have you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore...
13th Apr 2026
2

Squash and Stretch

from Josh Comeau's blog [alt+shift+b] in programming

13th Apr 2026
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.
Direct Link [→] Remove from reading list Add to reading list [alt+a]
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...
23rd Mar 2026
1

Sneaky Header Blocker Trick

from Josh Comeau's blog [alt+shift+b] in programming

23rd Mar 2026
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...
Direct Link [→] Remove from reading list Add to reading list [alt+a]
Sprites on the Web In game development, it’s common to use spritesheets for animation, but this technique isn’t as...
23rd Feb 2026
1

Sprites on the Web

from Josh Comeau's blog [alt+shift+b] in programming

23rd Feb 2026
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...
Direct Link [→] Remove from reading list Add to reading list [alt+a]
Brand New Layouts with CSS Subgrid Subgrid allows us to extend a grid template down through the DOM tree, so that deeply-nested...
25th Nov 2025
1

Brand New Layouts with CSS Subgrid

from Josh Comeau's blog [alt+shift+b] in programming

25th Nov 2025
Subgrid allows us to extend a grid template down through the DOM tree, so that deeply-nested elements can participate in the same grid layout. At first glance, I thought this would be a helpful convenience, but it turns out that it’s so much more. Subgrid unlocks exciting new...
Direct Link [→] Remove from reading list Add to reading list [alt+a]
Springs and Bounces in Native CSS The “linear()” timing function is a game-changer; it allows us to model physics-based motion right...
28th Oct 2025
1

Springs and Bounces in Native CSS

from Josh Comeau's blog [alt+shift+b] in programming

28th Oct 2025
The “linear()” timing function is a game-changer; it allows us to model physics-based motion right in vanilla CSS! That said, there are some limitations and quirks to be aware of. I’ve been experimenting with this API for a while now, and in this post, I’ll share all of the tips...
Direct Link [→] Remove from reading list Add to reading list [alt+a]
Color Shifting in CSS A little while ago, I was trying to animate an element’s background color, so that it cycled through...
8th Sep 2025
1

Color Shifting in CSS

from Josh Comeau's blog [alt+shift+b] in programming

8th Sep 2025
A little while ago, I was trying to animate an element’s background color, so that it cycled through the rainbow. Seems easy, but it turns out, browsers have a surprisingly big limitation when it comes to color processing! In this tutorial, we’ll dig into the issue, and I’ll...
Direct Link [→] Remove from reading list Add to reading list [alt+a]
An Interactive Guide to SVG Paths SVG gives us many different primitives to work with, but by far the most powerful is the element....
18th Aug 2025
1

An Interactive Guide to SVG Paths

from Josh Comeau's blog [alt+shift+b] in programming

18th Aug 2025
SVG gives us many different primitives to work with, but by far the most powerful is the element. Unfortunately, it’s also the most inscrutable, with its compact Regex-style syntax. In this tutorial, we’ll demystify this infamous element and see some of the cool things we can...
Direct Link [→] Remove from reading list Add to reading list [alt+a]
A Friendly Introduction to SVG SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class...
21st Jul 2025
1

A Friendly Introduction to SVG

from Josh Comeau's blog [alt+shift+b] in programming

21st Jul 2025
SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most important fundamentals, and show you some of the ridiculously-cool things we can do...
Direct Link [→] Remove from reading list Add to reading list [alt+a]

The best way to read the internet.
Made for nerds, by a nerd.

The best way to read the internet

© 2023 Bored Reading. All rights reserved.

Legal

Terms of Service Privacy Policy

External Links

Borderline.biz Buy & Sell Apps PixelsOnGrids App Design Agency

Explore

Top Blogs
Suggest a Blog [email protected]

bored reading

v. 229.328 compliant with
earth/mars-x8292 communication
protocol 29xjw899992

When Google killed Google Reader, the bloggosphere took a severe hit and the content quality went down because there weren't enough readers to justify the effort it takes to maintain a high quality blog.

What's left is a decaying wasteland of blogs, most abandoned, a lot are now SEO spam, and 99% are not worth reading. BoredReading is a way to read the remaining great blogs that survived the ice age.

To add your favorite blog, please suggest it here! I get emails every day which helps me maintain a high quality selection of blogs!

Avatar

Made by,
Kumail Hunaid

@kumailht on Twitter.
My website and email.

Close [esc]
📚 BoredReading

You seem to be enjoying this.

Join free to unlock everything.

Create free account

Already have an account? Sign in