The CSS Containment Module Level 3 has a formal definition of containers, container queries, and container relative length units. This post contains both parts that are supported in Chromium browsers...
There are times when browsers are too helpful. When there is no font to render bold, italic or small-caps text the browser will or synthesize the styles with unpredictable results but, likely, not...
I came to optical sizing via variable fonts. The idea is that by having an optical sizing axis in your variable font you can control how the font looks at different sizes. For small text sizes,...
Note: This feature is under development and there are currently no implementations in browsers, even behind flags. Do not use this in production unless you transpile with PostCSS or SASS. One of the...
Warning: This post is about CSS specifications that are still under development and, as far as I know, have no implementation in production browsers yet. Furthermore, the specification may change in...
A lot of the tools in my projects like Autoprefixer, Babel's preset-env and preset-modules use browserslist (yes that's the name, no typo) to decide if adding prefixes or transpiling is required. The...
The font-variant-* properties are used to control the appearance of text by enabling or disabling OpenType features available on the font. Not all fonts have the same set of OpenType Features...
When I wrote my article reviewing font-variant-* attributes I realized that I needed a way to see what OpenType features the font I'm using supports. My go-to tool is Wakamaifondue to see what the...
There are tools that you use in all your projects and you'd rather not have to manually install every time. The project attempts to create a set of those scripts packed as an NPM module, modeled after...
CSS Font Loading Module Level 3 presents a Javascript API for loading fonts in a similar way to how Fontface Observer works. This API allows you to do more things than third-party tools can and it's...