Migrating from instant.page to the browser-native Speculation Rules API, with notes on prefetch, prerender, side effects, and Swup/PJAX conflicts.
8 min read
Tags
- 14 writings
- since 2024
Summer ’26
Winter ’25/26
Why is it called a Radio Button, a Breadcrumb, a Toast? These UI terms trace back to car radios, Grimm's fairy tales, and toasters — metaphors early GUI designers borrowed from the real world.
17 min read
A deep dive into LQIP, BlurHash, ThumbHash, and other progressive image loading strategies for the web.
5 min read
Autumn ’25
How to manage multiple blog themes with CSS variables and the :where selector, including Shiki syntax highlighting theme switching and a FOUC fix.
8 min read
Fix the common problem where fixed top navbars hide jump targets using scroll-margin-top rule
2 min read
ICP filing approved. A quick record of setting up split CDN routing for domestic and international visitors.
6 min read
Summer ’25
How HTTPS secures web traffic, covering symmetric and asymmetric encryption, digital signatures, CA certificates and chain validation, and the TLS handshake.
10 min read
🤖 From physical pixels and CSS pixels to PPI and device pixel ratio, then on to responsive images with rendered vs. intrinsic size and srcset descriptors.
4 min read
🤖 Optimize LCP with preload, fetchpriority, responsive images and srcset. Covers Sharp image processing, CI/CD automation, and preload hints for better Core Web Vitals.
10 min read
Winter ’24/25
Integrate medium-zoom into a Hexo blog to replace image-link jumps with an in-page zoom interaction, including Icarus and PJAX notes.
3 min read
Autumn ’24
From cookies to JWT: how the web works around HTTP's statelessness, and the trade-offs each step inherits.
14 min read
Optimizations adopted while maintaining this site, from image compression to lazy loading and CDN.
6 min read
Summer ’24
Apache Tomcat is an open-source, lightweight web application server that implements the Java Servlet and JavaServer Pages (JSP) specs and part of Java EE.
6 min read
HTTP is an application-layer protocol for transferring hypermedia documents such as HTML. This post covers request and response messages.
3 min read