Font optical sizing
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,...
Native CSS nesting
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...
Looking forward: CSS Layers and the @layer at-rule
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...
Adding browserslist support to your project
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...
CSS font variant attribute
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...
Analyzing a font with Wakamaifondue
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...
Building a utility toolkit
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...
JS font loading API
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...
Remote debugging on mobile
There are times when the mobile version of an app doesn't work but the actual version does, or we might want to run the app in an actual device to see how it works. We need a way to run the code on a...
Revisting HTML To PDF Conversion with CSS Paged Media
I've looked at CSS Paged Media in the past. IMO it's an awesome technology that allows you to create stunning end products from your HTML, CSS, and, optionally Javascript. The layouts for the printed...