Skip to content
home
play
notes
bookmarks
about me
Menu
home
play
notes
bookmarks
about me
Notes
Design engineering study notes: the web platform, interface behavior, and the code behind it.
Making stuff faster
A page spends time downloading files, rendering, and responding to input.
What is a Zustand store?
Shared state, the actions that change it, and how components subscribe to a value.
How a page gets rendered
Untangling SSR, CSR, SSG, and ISR. Mostly a question of where the HTML is made and when.
What's a CDN?
Copies of files stored closer to the people requesting them. Browser cache, CDN cache, and origin server.
Accessibility engineering
Keyboard use, semantic HTML, ARIA, color, contrast, and changes in an interface.
Interaction design fundamentals
In progress. Collecting examples of feedback, loading states, and what happens when an action fails.
Web platform fundamentals
In progress. HTML, CSS, and the behavior the browser already provides.
Reusable components and primitives
In progress. Figuring out what belongs inside a component and what stays with the page using it.
Cross-browser and device behavior
In progress. The differences between browsers, input methods, and screen sizes.
Motion and micro-interactions
In progress. Timing, springs, and how movement makes a change in the interface easier to follow.
React and TypeScript implementation
In progress. Components, types, and the code behind interactive interfaces.