Tag

#ux

6 posts tagged "ux".

Updated Jun 7, 2026

Published June 7, 2026

The Stack Marquee: A Pure-CSS Tech Strip

Two rows of tech-stack cards scrolling opposite ways with no JavaScript. How the homepage marquee loop works, and why it is hidden on phones.

Published May 6, 2026

System, Light, Dark: How Colour Mode Works

A 3-state colour mode with no flash, live OS-preference tracking, and a pill dropdown that respects what the user picked. Here is how it is built.

Published April 17, 2026

Animations: How the Motion Design Works

Every animation layer in Astro Rocket: the ease-out hero entrance, the staggered scroll-reveal cascade, and how it stays smooth with no JS animation library.

Published April 16, 2026

Hero Scroll Indicator: Hides on Scroll

Two bouncing chevrons that fade in after the hero animation and disappear the moment you start scrolling. How every part of the indicator works.

Published April 15, 2026

A Progress Ring on the Back-to-Top Button

The back-to-top button has a circular SVG ring that fills as you scroll: brand-coloured, theme-aware, and built from CSS and a small inline script.

Published March 25, 2026

The Scroll Progress Bar

A thin brand-coloured line that fills as you scroll. How the progress bar works, where it lives, and how to enable it on any page.

Dispatch

Get the daily signal

The essential AI stories, once a day. No noise.

RSS