In-depth, field-tested articles on web performance, security, accessibility, and cloud architecture — written by Alex I from real engineering work.
•10 min read•web performance
instant navigations with the speculation rules api
How this site now prefetches the next page before you click it: prefetch vs prerender, the four eagerness levels, the exact rules we deployed, and the pitfalls that make prerendering tricky.
react hooks: the mental model that makes everything click
Why hooks are confusing (it's a mental model problem, not syntax), how useState and useEffect actually work, what the dependency array declares, and when useCallback and useMemo genuinely help.
jwt authentication in practice: how it works, where it breaks, and when to use it
How signature verification works, access and refresh token patterns, the vulnerability classes that recur most in production, and the cases where server-side sessions remain the better choice.
typescript strict mode: the compiler settings that actually matter
What strict: true actually enables, which flags catch the most bugs, what strict mode still misses, and a practical migration path for existing codebases.
http caching headers: Cache-Control, ETags, and browser caching done right
A practical guide to Cache-Control directives, ETags, CDN vs browser caching, the immutable-assets pattern, and the common mistakes that leave performance on the table.
mastering css grid: a practical guide to two-dimensional layout
The mental model, the handful of properties that do the real work, responsive grids without media queries, the minmax overflow trap, and when to reach for flexbox instead.
webassembly in practice: where it wins, what it costs
The cases where wasm genuinely beats javascript, the js-wasm boundary that decides real performance, when not to use it, and where wasi is taking it beyond the browser.
a practical field guide to core web vitals in 2026
LCP, INP, and CLS are google's three measures of real page experience. this hands-on guide breaks down what each metric captures, the thresholds that matter, and the techniques used most often to improve them.
content security policy (csp): a practical guide to hardening your site
How csp defends against xss, strict policies with nonces and strict-dynamic, the allowlist approach for static hosts, and rolling out safely with report-only mode.
building accessible web forms that everyone can use
Forms are where the web gets serious. learn the labels, fieldsets, error handling, and keyboard support that make a form usable for screen-reader, keyboard, and mobile users alike.
the power of serverless edge rendering on static platforms
Modern jamstack sites leverage cdn edge processing to dynamically render content and run middleware closest to the visitor, yielding ultra-fast page speeds and lower latency globally.
effective web layout design: mitigating cumulative layout shifts
Cumulative layout shift (cls) is a vital user-experience metric. learn how proper element structure, media aspect ratios, and fixed-dimension containers can prevent structural shifts and improve page scores.