Blanksheet: A Principled CSS Reset
Introducing Blanksheet, a CSS reset built on five explicit principles. Every decision — what to reset, what to preserve, what to skip — is deliberate, documented, and defensible.
Peiwen Lu
Welcome to my website! As an experienced web UX engineer, I've created this space to share my insights, tips, and tools I've developed over the years. Explore my innovative projects, learn from my expertise, and feel free to connect with me for further discussions.
Latest posts
Pixel Mirror
Pixel Mirror helps developers achieve pixel-perfect UIs by easily overlaying design mockups.
Achieving Perfect Vertical Rhythm in Web Browsers
Discover how to implement consistent vertical rhythm in web browsers using rhythm-sass and font baseline ratios. Learn about the crucial concept of baseline ratio, its impact on typography, and how tools like Plumber and rhythm-sass automate precise calculations for your layouts.
Mastering JSX Editing in Emacs with Tree-sitter
Discover how Emacs' built-in Tree-sitter support can revolutionize your TypeScript and JSX editing experience. Learn practical functions and shortcuts to enhance your productivity.
Selectors for Humans, Hashes for Machines
Optimizing CSS compression with smart hashing and collision detection for improved readability, efficiency, and maintainability.
Embedding SVG Icons in CSS
A user-friendly tool for generating URL encoded SVGs in CSS masks, streamlining the management of SVG icons.
Implement Functional Programming in Sass
Exploring functional programming in Sass with Clojure-inspired anonymous functions and threading macros.
Emmet Enhancements for Web Development
Emmet2-mode is an Emmet-enhanced minor mode for Emacs. It is built on top of Deno, deno-bridge and the Emmet NPM package, delivering the complete set of Emmet functionalities while also integrating a wide array of extra features.