Faking a Fieldset-Legend

This tutorial demonstrates how to create a fake fieldset-legend using CSS, including a transparent overlay, middle-aligned border, and customizable appearance via CSS properties.

New HTML meta tag for text scaling

The CSS Selection - 2026 Edition - Project Wallace

This article, 'The CSS Selection - 2026 Edition' by Project Wallace, analyzes real-world CSS usage from over 100,000 websites, examining metrics such as file size, complexity, and adoption rates of various CSS features. It highlights the widespread use of @media and @font-face, while noting lower adoption of @supports and @layer. The article also discusses the importance of specificity and selector complexity in CSS, and touches on the challenges of analyzing values due to earlier methodological decisions.

My Opinionated CSS Reset

This blog post from Vale.Rocks presents an opinionated CSS reset aimed at providing a consistent and high-quality base for modern web development projects, with a focus on low-specificity and overriding browser user-agent styles.

Understanding the fundamentals of CSS Layout

This article by Kilian Valkhof, the creator of Polypane, delves into the fundamental concepts of CSS layout, emphasizing the importance of understanding these concepts beyond just the syntax. It covers the evolution of CSS layout from simple systems to complex ones, the role of normal flow as the default layout algorithm, and how other layout algorithms like positioning, Flexbox, and Grid build upon it. The article also discusses key concepts such as the box model, margin collapse, and the differences between inline and block elements. It concludes by highlighting the importance of understanding these fundamentals to effectively design and troubleshoot CSS layouts.

The HTML Elements Time Forgot

This blog post delves into the history of HTML, highlighting some of its obsolete and non-standard features, such as the marquee and bgsound tags, and the use of frames, providing a humorous and informative look at the evolution of web development.

Next Level CSS Styling for Cursors

This article from CSS-Tricks dives into advanced CSS styling for cursors, showcasing how JavaScript can be used to create dynamic and interactive cursors, including transitions, animations, and custom effects. It emphasizes the importance of considering user experience and accessibility when implementing such features.

How I Write Custom Elements with lit-html

This blog post explains how to write custom elements using lit-html, a smaller part of the Lit library, for building web components. The author discusses the benefits of using lit-html over full frameworks like React or Solid, such as its smaller size and the ability to use vanilla JavaScript. The post includes two examples: a stateless render for a status bar component and a stateful render for a Pokémon card component that generates random cards from a specified set.

Typography troubles: Balancing lines in Japanese & Korean

This article explores the challenges of text wrapping in Japanese and Korean, particularly when using the text-wrap: balance property. It discusses how different languages handle line breaks and suggests solutions for maintaining balanced headings without breaking words. For English, text-wrap: balance is effective, while for Japanese, word-break: auto-phrase (where supported) is recommended. For Korean, word-break: keep-all is suggested, with media queries to handle small screens.

HTML Input Validation is (maybe) Good - HTMHell

This blog post by Wes Goulet discusses the use of HTML input validation for enhancing user experience, highlighting its benefits and limitations. It explains how native HTML form validation can be used as a foundation and supplemented with JavaScript to address accessibility issues. The post provides examples of how to implement accessible validation using the Constraint Validation API.

Make all rounded corners squircles

This blog post explains how to make all rounded corners squircles using the new CSS property corner-shape. It provides a CSS snippet to apply squircle corners to all elements and adjust the corner radii for better appearance in Blink browsers.

What Else Could Container Queries... Query? | CSS-Tricks

This article from CSS-Tricks explores the potential of container queries in CSS, discussing current features like size, scroll-state, and anchored container queries, and speculating on future capabilities such as querying any CSS property and integrating with pseudo-classes.

HTML Help by The Web Design Group

Why are my view transitions blinking?

Accessible faux-nested interactive controls

AI Generated Music on Bandcamp

Bandcamp has announced a new policy prohibiting AI-generated music on its platform, aiming to protect the authenticity of human creativity and maintain the integrity of its music community.

Experiencing Zen in the Ratz Instagib Meat Grinder

This article explores the fast-paced and intense gameplay of Ratz Instagib, a first-person shooter where each hit is an instant kill. The game features simple controls and mechanics that rely on instinct and quick reflexes, with a variety of game modes and customization options. Despite a small player base, the community is active and supportive, offering tips and advice for new players. The game is affordable, takes up minimal storage space, and is well-optimized for weak computers.

Frequently Asked Unicycling Questions

This blog post addresses frequently asked questions about unicycling, providing detailed answers to common queries such as whether it's dangerous, how long it takes to learn, and the differences in riding a unicycle compared to a bike.