gfat

Highly recommend the photovore BEAM robot if you’ve got a soldering iron. It requires a small solar cell and a few analog components from online suppliers like Digikey.

https://youtube.com/watch?v=wi2lpRLfsd8

Mark Tilden was the engineer behind this toy and many others like Robosapien.

Same, BEAM was my gateway to electronics growing up.

The overall site has a cozy feel to it. Well done

Love the poster example

Beautiful work. I did a similar effect for docs using a page turning animation. Might reach for this in the future.

Recently found the lh unit approach. It’s elegant for centering icons along the first line in dynamic, sometimes wrapping text.

I love the name and idea of the tiny cafe. Heads up on dark mode, the “Open My Tiny Cafe” button is white text on the gray background; a bit hard to read.

It felt like wizardry tbh

Linear adopted stylex as well and published a comprehensive write up https://linear.app/now/styling-linear-for-the-future-stylex

Temperature safety test was a nice touch; looks incredible.

I think AI has played a role in more analog hobby adoption.

I've wanted to build one of these for a while just to have that "going into the office" feel even with WFH; appreciate the detail and breakdown. Also, lovely styled personal site.

.ly

Especially when writing about projects the author cares about. Surely it should warrant a human writing about the thing they built and are sharing with the world.

It’s probably a good filter too for applicants

My intro to Perlin noise was a Stripe page where their customer wall of logos was floating bubbles. Not a video but actual DOM elements translating around. Stripe always going that extra mile.

https://lokeshdhakar.com/dev-202-scrolling-logo-bubbles/

The staggered entry animation of the letters on page load is lovely. The typing also felt rewarding.

Bit of feedback, should the timer pause when reading the how to play or opening settings?

Appreciate the typography and simple design of the site and its registry.

Loved this app. What is old is new again.

lobster.ly

This one and its site are gorgeous.

You might also like https://commitmono.com/

Linear has an in-app changelog in the bottom right that doesn’t get in the way of work. It’s synced with their changelog on the website and can be revisited anytime clicking the help menu icon. Pretty elegant.

Diagram was acquired by Figma

The small web still has a unique soul to it. dimden.dev is a good example.

Wow the slides synced with the narration were smooth and ofc the visualization at the end. Stunning work.

https://medium.com/bridge-collection/3d1b0a9b810e Stripe using animations back in 2014.

> None of the examples in the article work with js disabled.

Some because of Codepen.io embeds? The ghost and pricing tables should work on their own.

> In what way? Is there an example of this?

https://web.archive.org/web/20160301000015/https://stripe.co...

Most hero sections in mid-2010s did not use CSS and JS animations to this extent. Video playback with an overlay gradient was one technique to animate a hero, but that's not the same level of quality and craft as moving DOM elements. IIRC BDC made these in vanilla (according to some design podcasts).

The Bitcoin page is another example of meticulous design work, remaking Vim in HTML here is crazy.

https://web.archive.org/web/20160301000200/https://stripe.co...

Their open-source page too. They go the extra mile here with JS game of life.

https://web.archive.org/web/20160301000519/https://stripe.co...

Animations are more prevalent today (see pages like https://linear.app), but these Stripe pages were shipped years ago and they still hold up.