One CSS Property That Makes Numbers Look Instantly Better
Explains how to use the CSS property `font-variant-numeric: tabular-nums` to align numbers perfectly in tables, dashboards, and clocks.
Explains how to use the CSS property `font-variant-numeric: tabular-nums` to align numbers perfectly in tables, dashboards, and clocks.
Explores the concept of generating user interface prototypes in real-time through conversation using AI and design systems.
Explains how to emulate external import maps for web dependencies using a simple injector script, enabling centralized JavaScript module management.
A look at ElementaryUI, a framework that enables Swift web development in the browser via WebAssembly.
A reflection on the 'Beautiful Web' of homemade, authentic websites driven by passion and personal expression, contrasting with commercial web trends.
An introduction to CSS container queries, explaining their use case for component-based responsive design beyond viewport media queries.
Explores the CSS corner-shape property for creating beveled, scooped, and other unique border corners with modern CSS.
A developer uses Claude Code AI to migrate a static talks website from a paid platform to a self-built Hugo site, exploring AI-assisted web development.
Introducing custom If and Not components for Astro to simplify conditional rendering, addressing JSX limitations and improving code readability.
A developer shares technical optimization tips for websites, covering HTML semantics, Eleventy config, and performance tweaks.
Introducing SND, a tiny JavaScript library that makes adding UI sound effects to web applications quick and easy with simple HTML classes.
A developer shares a list of outdated JavaScript and CSS tricks they've removed from their code, including performance hacks and modern alternatives.
A technical exploration of the native HTML <dialog> element, covering its modal and non-modal states, accessibility benefits, and usage.
Introduces a polyfill for the new native HTML switch element, enabling cross-browser support with accessibility features.
A tutorial on creating a water ripple text effect using SVG filters and CSS, with code examples and explanations.
Explores using nested CSS contrast-color() to create accessible focus rings, comparing it to alternative methods like light-dark().
A guide to creating type-safe, reusable smart form components with react-hook-form and TypeScript, improving form field integration.
A developer's journey using AI-assisted 'Vibe Coding' to build RSS Show, a single-file, browser-based RSS feed reader.
A review of textarea.my, a minimalist browser-based text editor that stores data in the URL hash, highlighting its clever JavaScript techniques.
A guide to organizing and simplifying CSS named colors into reusable custom property palettes for consistent design across projects.