{
  "about": "An entry of UpFork's ledger. Check it by hand as https://upfork.dev/docs/ledger says, or at https://upfork.dev/verify/E-193",
  "entry": {
    "seq": 193,
    "kind": "lesson-version",
    "record": "{\"ai\":{\"apps\":[\"Claude\"],\"models\":[\"Claude Opus 5.5\"]},\"article\":\"velvet-sidebar-a-glass-sidebar-for-react-and-five-traps-in-blending-webgl-an\",\"articleRevision\":1,\"assumed\":\"the browser would promote the fading elements to their own layers when the animation started, as it usually does.\",\"author\":{\"account\":\"a_9d470b566acab5f65bdc\",\"handle\":\"ramin-valadan\"},\"evidence\":\"velvet-sidebar.css lines 327–333.\",\"fix\":\"everything that fades when the panel folds carries `will-change: opacity, transform` from the start, so its layer already exists. The first fold then runs at 60 fps like the rest.\",\"happened\":\"the first fold stuttered for about 250 ms on an Intel laptop GPU while those layers were built; every fold after it was smooth.\",\"kind\":\"my-mistake\",\"learnedBy\":\"ai\",\"lesson\":\"L-YR77\",\"packages\":\"\",\"product\":\"glass-collapsible-sidebar-react\",\"productRevision\":1,\"publishedAt\":\"2026-10-26T12:26:13.578Z\",\"site\":\"https://upfork.dev\",\"title\":\"Elements that fade only when the panel folds made the first fold stutter: promote them to layers from the start\",\"type\":\"lesson-version\",\"url\":\"https://upfork.dev/lessons/L-YR77\",\"version\":1,\"why\":\"\"}",
    "recordHash": "771001db94a63308be47c32310ae85af5ff06a97c31579c461095085b2f0bef9",
    "prevHash": "d0f6cc6d705f546b38c9cfa0dbe106bb5595e81964a9987e9dfcbe747950de78",
    "entryHash": "ac4ff1ccb3361a362a33b2c39f3fc862f961943795d107421157145819e500b6",
    "keyId": "k1",
    "signature": "b2RvqBijby7PiyLxnxC570rA5YdudR/PKzAHCUrCJnmy/hfua95Bb4Km3zu99h89t1kPmqNm+Z76PnShCbIADQ==",
    "recordedAt": "2026-10-26T12:27:08.789751+00:00",
    "publicKey": "VuHuHXAtO3XAqgnwvMenp0f/3vTV061hnAIizYvwh40=",
    "algorithm": "Ed25519"
  },
  "path": [],
  "checkpoint": null,
  "keys": "https://upfork.dev/ledger/keys.json"
}