Web Development, Design & Performance
I build fast, secure, and accessible websites with a focus on usability and clean code. Here I share my thoughts on web development, design, and building things for the web. Practical notes, experiments, and lessons learned along the way.
Subscribe via RSS to keep up with new articles.
Blog
- Why content-visibility Often Needs contain-intrinsic-size
contain-intrinsic-size reserves space while content-visibility skips rendering. See how auto remembers sizes and how to choose useful placeholder values.
- Can content-visibility Make Long Pages Render Faster?
CSS content-visibility can defer rendering work on long pages. See where auto helps, why placeholder sizes matter, and what to check before keeping it.
- How I Check My RSS Subscriber Count
My RSS subscriber count comes from reader-reported totals stored in Cloudflare D1. Here is how I check the estimate and understand what it leaves out.
- Let Components React to CSS Variables With Style Queries
CSS style queries let components react to custom properties on their ancestors. Compare theme and density examples with var(), classes, and support limits.
- Sticky and Snapped Elements With CSS Scroll-State Queries
CSS scroll-state queries can style stuck headers and snapped cards, or hint at more scrollable content. See the container setup and fallback choices.
- CSS border-shape Can Draw Boxes clip-path Cannot
CSS border-shape lets borders and shadows follow a custom outline. Compare it with clip-path, try complete examples, and keep a usable rounded fallback.
- CSS corner-shape Goes Beyond Rounded Corners
CSS corner-shape adds bevels, scoops, and squircles to ordinary boxes. See how it works with border-radius, normal borders, and a rounded-card fallback.
- CSS Calculations With sibling-index() and sibling-count()
Use CSS sibling-index() and sibling-count() for staggered animations and position-based calculations, with working examples and browser support checks.