@layers in CSS
A small interactive demo showing how cascade layers beat specificity when the order is set up properly.
- CSS
- Architecture
- @layer
Senior Front-End Engineer
Standards first.
Fundamentals led.
Building maintainable front-end work for the web with a bias for standards, simplicity, and code that earns its place.
Don't take “standards first” on faith — see the contrast ratios for yourself.
Pens
-
-
3 CSS Grid Layouts That You'll Ever Need
Three CSS Grid layout patterns, with notes on responsive cards, holy-grail layouts, and full-bleed content.
- CSS
- Grid
- Layout
-
Customisable Select Patterns
Accessibility-focused customisable select and listbox patterns using modern CSS primitives.
- CSS
- Forms
- Accessibility
-
Scroll-Driven Progress Indicator
A reading progress bar driven entirely by CSS scroll-driven animations. No JavaScript, no scroll listeners.
- CSS
- Scroll-Driven Animations
- Progress
Articles
-
bundle outdated is lying to you, sort of
Why --only-explicit can hide gemspec runtime dependencies, and a practical maintenance-group pattern to keep outdated checks actionable.
- Ruby
- Bundler
- Dependency Management
-
rscss: the pattern I was already using
Finding a name for a methodology you've been practising instinctively is a strange feeling. Here's how rscss maps to my existing approach.
- CSS
- Methodology
- RSCSS
-
Why I reach for vanilla first
Frameworks solve real problems, but only after you've confirmed the platform can't. A case for leading with what the browser already gives you.
- HTML
- CSS
- JavaScript
- Philosophy