visualization · stable
Project Orbit
プロジェクトを名前順ではなく、目的と学びの関係で探索するSVGベースの星図。SVGがなくてもProject一覧と関係リンクを読めます。
INTERACTIVE LAB / 4 EXPERIMENTS
操作して、設計の境界を知る。
各実験は一つの問いに絞り、JavaScriptがない場合、動きを減らした場合、スマートフォンの場合にも意味が残るように作っています。
navigation · stable
Build Simulator
更新量、配信環境、重要度から、静的サイトの現実的な構成をルールで判定する。結果は採用条件と品質ゲートを考える補助で、server要件を自動確定しない。
motion · stable
Motion Dial
System / Off / Subtle / Fullを切り替え、意味を残したまま動きの量を変える。操作結果と本文は動きなしでも残る。
performance · prototype
Performance Observatory
この閲覧環境で取得できる表示指標だけを、外部送信せずに観測する。Lighthouseや実ユーザー全体の成果を代替しない。