--- title: Frontend Engineering Journal: WebGL & Performance description: Field notes on scroll-driven animation, shaders, render budgets, accessible motion and state that survives a bad network. Written from shipped work. canonical: https://www.hire-web-dev.com/journal/ section: Site updated: 2026-09-11 author: SumanKumar Phuyal site: hire-web-dev.com note: >- Generated from the page of record at the canonical URL above. The four case studies are placeholder work and their metrics were never measured; imagery is AI-generated concept art. See https://www.hire-web-dev.com/disclosure/. --- # THE JOURNAL Notes written mainly for myself, published because a few people have found them useful. Mostly about problems I got wrong first and understood second. ## What's here Seven entries, each on something specific I've had to work out properly. Scroll-driven animation without the usual state bugs. Shaders for people who write application code. Render budgets as a design constraint rather than a QA step. Motion that carries meaning. Accessible motion done as a design problem. State that survives a bad network. And typography on the web, which I keep relearning. ## Why write at all Because I don't understand something until I've had to explain it in order. Several times I've started an entry confident about a technique and discovered halfway through that my explanation had a hole in it — which sent me back to the code to find that the implementation had the same hole. Writing is the cheapest code review available. There's a second reason, less noble: I forget things. A note written while the problem was fresh is worth considerably more than a memory of having solved it once. Roughly a third of these entries exist because I needed the information again and couldn't find it anywhere in my own head. ## What you won't find Framework comparisons, hot takes on tooling, or posts about how to get into the industry. There's plenty of that and I have nothing to add. These are narrow, technical and occasionally opinionated about timing values. ## Key facts - Entries: 07 - Frequency: When there's something to say - Subject: Frontend craft - Comments: No ## Entries - 01: Scroll-driven animation - 02: Shaders for app developers - 03: Render budgets - 04: Motion with meaning - 05: Accessible motion - 06: State on bad networks - 07: Web typography ## Topics WRITING, NOTES, TECHNIQUE, OPINIONATED ## Image ![Golden orbital diagram of intersecting elliptical paths and small polyhedra, a set of writing in orbit](https://www.hire-web-dev.com/assets/img/frontend-engineering-journal-orbital-diagram.jpg)