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.
![Bytes I can delete after all this time [blog]](https://alldevblogs.blob.core.windows.net/thumbs/article-e8c97cc7b845-full-0a040bfe.webp)
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.
A developer details the challenges of building a server-side React renderer for printing complex crossword puzzles, including custom formatting and SVG rendering.
A technical blog post explaining how to style markdown-generated blockquote attributions with targeted CSS selectors.
Explores the new CSS scroll-state(scrolled) query for applying styles based on scroll direction, with examples and use cases.
Explains how to use JavaScript's getAnimations() method to pause CSS animations on an element.
