What is semantic markup and why it's important
A lot of times we'll hear about semantic markup and its importance on one hand and how you can create really odd or broken markup and it will still render in browsers. The example that still catches...
Switching to pointer events
It is easy to think that everything will work with mouse clicks on the web. However, many devices support other types of pointing input devices, such as pen/stylus and touch surfaces so we need a way...
Using clamp() to constraint a container width
Reading [min(), max(), and clamp(): three logical CSS functions to use today](https://web.dev/min-max-clamp/) presented an interesting case for using...
New viewport units
As documented in [CSS values and units](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units) there are new or lesser-known units. The first table, taken from MDN,...
Building long-form content on the web: Columns?
There are layouts that are only possible with columns. Thinking about IEEE and ACM paper formats. ![Example of a two-column paper for ACM...
Building long-form content on the web: Font size and reading distance
We have many ways of reading content and they will all be different. So how to best optimize font size for reading long-form content online? For this exercise we'll define three sizes for the...
Building long-form content on the web: OpenType features
OpenType fonts, both static and variable, make additional features available for developers to use. CSS makes these features available via the `font-feature-settings` property. Just like with font...
Building long-form content on the web: variable fonts
Variable fonts are an evolution of the OpenType font specification that enables many different variations of a typeface to be loaded from a single file and a single `@font-face` declaration. The...
Building long form content on the web: Font availability and usage
In a previous post, we looked at what font should we choose. Another side of the question is where to get the fonts from. This post will discuss font availability and how to incorporate the fonts...
Building long-form content on the web: Selecting fonts is not as simple as it seems
I'm not a type designer and I consider myself adequate as a user of fonts on the web, but I've been around for the full progression of fonts on the web. We will not review the full history of web...