#css
Blog
- CSS Is More Powerful Than You Think
Modern CSS can do things that used to require JavaScript. It's time to update your mental model.
Notes
- TIL: CSS color-mix() is production-ready
- Container queries change everything
- Vertical rhythm in web typography
- View Transitions API first impressions
- The :has() selector is a game changer
- Native CSS nesting is here
- Always respect prefers-reduced-motion
- CSS cascade layers solve specificity wars
- OKLCH is the color space we needed
- CSS Anchor Positioning is wild
- @scope is the CSS scoping we always wanted
- The light-dark() CSS function simplifies theming
- CSS subgrid aligns nested grids perfectly
- Scroll-driven animations in pure CSS
Projects
- Personal Website
A typography-focused personal space built with Astro.
- Type Scale Calculator
Interactive calculator for fluid typography scales using CSS clamp().
- Theme Builder
Visual tool for creating CSS custom property theme systems with OKLCH colors.
- Contrast Checker
WCAG contrast ratio checker with support for OKLCH and modern color formats.
- Color Palette Generator
Generate accessible color palettes from a single seed color using OKLCH.