New viewport units
As documented in CSS values and units there are new or lesser-known units. The first table, taken from MDN, shows the most common / better known (to me) viewport units Unit Relative to vw 1% of...
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 publications Example of a paper formatted for IEEE...
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 single...
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 into...
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...
Building long-form content for the web: Use space wisely
The first area to consider is how we use the space on the page. Because we have different screen sizes and resolutions, we have to be mindful of how we organize the space. Content width # One of the...
Building long-form content on the web
It's been a while since I've researched and written about long-form content for the web. New technologies and APIs make it easier to create contet that is a far cry from Bibliotype. Bibliotype is a...
Building a stylesheet using cascade layers
Note: Credit for a lot of information and ideas on this post goes to Miriam Zuzanne's A Complete Guide to CSS Cascade Layers publlished in CSS Tricks. CSS layers present an interesting design...