ブログ

CSS Houdiniは単一の技術ではなく、成熟度がまちまちな仕様の集合体です。今どの部分が本番投入に耐えるのか、`@property`とpaint workletが実際にどう動くのか、そして残りがなぜ今なお実験段階のままなのかを確認しましょう。

同じ商品、同じサーバー応答時間のふたつのストア。それでも一方は明らかに速く、信頼できるように感じられます。その差を生むのがマイクロインタラクション――ユーザーが画面上の出来事を信じられるかどうかを決める、わずか数百ミリ秒のアニメーションです。トリガー/フィードバックのモデル、ブラウザのレンダリングエンジン内部で実際に起きていること、そしてprefers-reduced-motionまで、基本原理から解説します。