I'm more proud of these 128 kilobytes than anything I've built since

10 months ago

The author challenges the belief that good design and accessibility are mutually exclusive, arguing that constraints can lead to better solutions.
A project in Africa with severe technical constraints (128KB page budget, feature phones, poor connectivity) led to innovative design solutions.
Key constraints included the 128K Rule (total page size), Extreme Responsiveness (240px to 4K displays), and Universal Compatibility (Opera Mini support).
Solutions included using system fonts to save bytes, creating a minimal custom library (Whizz) instead of frameworks, and optimizing images with techniques like SVG and TinyPNG.
SVG optimization was labor-intensive but effective, involving manual cleanup and creative reuse of paths to reduce file size.
The final product was fast and worked on a wide range of devices, from feature phones to Lynx, proving the value of constrained design.
Constraints fostered creativity, leading to universal solutions that worked well under various network conditions and device capabilities.
The author advocates for embracing constraints in design to achieve better, more scalable results, contrasting modern web bloat with efficient solutions like the original DOOM game.

Hasty Briefsbeta