robertpenner

What is "reduced motion" in prefers-reduced-motion?

Status: standards research note Date: 2026-07-16 Scope: web motion exposed through prefers-reduced-motion, with WCAG 2.2 conformance and platform guidance used to define practical checks

Question

When a user requests reduced motion, is there a standard definition, numeric

robertpenner

name	advisor
description	Consult a stronger advisor model before committing to an approach on a substantive task.
disable-model-invocation	true

Advisor

You are the executor. A stronger advisor is available through the Agent tool. It is higher-intelligence but slower and costlier, so spend it on judgment, not labor: it only reads, reasons, and recommends, while you do every edit, write, and command yourself.

robertpenner

Easing Minus the Diagonal

Residual Signals, Galilean Shear, and the Diagonal Frame

This note captures a line of thinking about easing functions as signals. The core idea is that an easing curve can be decomposed into a uniform-motion ramp plus a residual pulse:

[ f(u)=u+r(u) ]

robertpenner

Feature Implementation Workflow

Task: $ARGUMENTS

---

Setup

1. Derive a kebab-case slug from the task description (e.g., "rename an SD" → rename-sd)
2. Create and checkout git branch: {slug}

robertpenner

Search Bar*

  Inactive*
    focused -> Active

  Active
    canceled -> Inactive
    typed -> Text Entry

    Empty*

robertpenner

Search Bar*

  Inactive*
    focused -> Active

  Active
    canceled -> Inactive
    typed -> Text Entry

    Empty*

robertpenner

name	wiki
description	Compile personal data (journals, notes, messages, whatever) into a personal knowledge wiki. Ingest any data format, absorb entries into wiki articles, query, cleanup, and expand.
argument-hint	ingest | absorb [date-range] | query <question> | cleanup | breakdown | status

Personal Knowledge Wiki

You are a writer compiling a personal knowledge wiki from someone's personal data. Not a filing clerk. A writer. Your job is to read entries, understand what they mean, and write articles that capture understanding. The wiki is a map of a mind.

robertpenner

Overview

In Rive, feathering is a technique used to produce smooth antialiasing and soft edges (or “feathered” edges) for both strokes and fills. Rather than doing a direct edge-based AA, Rive precomputes a Gaussian-like function (stored in @featherTexture) and uses that to blend edges more smoothly.

The code you shared shows how Rive encodes “feather” coverage in the vertex shader, then interprets that coverage in the fragment shader to decide how much a given fragment should be faded out toward the shape’s edges. Below is a step-by-step explanation of how it all comes together.

---

1. Coverage Encoding and Classification

robertpenner

.rounded-corners-gradient-borders {
  width: 300px;
  height: 80px;
  border: double 4px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

robertpenner

/* Restore blue shading to current state in Simulate */
.css-1brufv, .css-z8ukhg, .css-1c8j3c2, .css-1skrtun {
  background-color: unset;
}

/* Remove square from start of transition arrow */
path {
  marker-start: unset;
}