Keeping hidden text findable
Text that is visually hidden cannot be found by the browser's find-in-page feature and may not be visible to accessible technology like screen readers. This is a problem for screen reader users, who...
Text that is visually hidden cannot be found by the browser's find-in-page feature and may not be visible to accessible technology like screen readers. This is a problem for screen reader users, who...
CSS has progressed enormously in the last few years. This is both good and bad. The good CSS has become very powerful and it has gained many new features that make design and development work...
I first started playing with web content in 1994 while in college. Over the years I've see most major changes in web development. From the early days of HTML, to CGI, to Javascript, Ajax, and many...
Compression has been around for a long time, and it's a key part of web performance. In this post, we'll compare three popular compression methods: GZip, Brotli, and Zstd. We will first look at each...
The different values for text-wrap provide reading experience enhancements for headings and long-form text. This post will look at two values for the text-wrap property: balance and pretty. text-wrap:...
A somewhat contrarian view on designing websites is to design for bad performance. This post will explore the idea of how designing for bad performance can lead to better user experiences. Credit...
One of the things that has always bugged me is how to display relative dates on a web page in the Eleventy template that I chose to use for this blog. This post will explore the issue, how the...
Talking about web browser support for a given CSS or Javascript is deceptively simple. This post will explore a definition of browser support, different strategies to support a feature accross...
When working with media queries is that we can't reuse media queries. A naive approach is to define the value as a CSS variable in the :root pseudo-class. :root { --width: 20em; } And then use the...
This post will discuss leading, how to control it in CSS and the new text-box-trim property. Leading is the space between blocks of text; the term comes from the strips of lead that were used to...