Josh W. Comeau

@kizu@front-end.social is such a mad scientist. These wild demos use scroll-driven animations to style things even without scrolling! 🔥

I’ve spent my summer working on a brand-new version of joshwcomeau.com, and that new version is now live! 😄

The design is quite similar, but more refined. Lots of new details. And, under the hood, a lot has changed.

Check it out:
https://www.joshwcomeau.com/

Building a search function for my blog, and having *so much fun* with the details. The View Transitions API is so great for stuff like this.

Here’s what I’ve got so far (with a lil’ slow-mo replay afterwards):

A little UX thing that feels so magical to me: the element will automatically expand when a search result is hidden within.

No JS needed:

So I built my current blog in 2019, back when I had a full-time job and had to fit it into a busy schedule. A lot of it was pretty rushed.

I'm rebuilding my blog, and really focusing on the details. Spent the past few days on a new "About me" page that has tons of playful elements. 😄

One small-but-cute example:

Watching @SaraSoueidan@front-end.social’s CSS Day talk and it’s so jam-packed full of valuable info ❤️. Will be making a bunch of tweaks to my applications to make them more accessible!

Couldn’t sleep (blasted jet lag!) but decided to make the most of it. Went on an early morning Amsterdam walk and made some corvid friends 😄

😮 TIL that iOS Safari has a way to find text on the current page (like ⌘ + F):

1. Enter the search term in the address bar, as if you’re navigating to a new site.
2. Scroll down and click the final option, “On this page”.
3. Pop through the results just like on desktop!

Maybe y’all already know this and I'm just super late to the party, but this has bugged me for years and I had no idea there was this built-in functionality. 😬