pre-commit hooks (an update)
This is a different take on hooks from Pre Commit Hooks: Combating Laziness, written two years ago There are times when it would be awesome if we could force ourselves (or our development team) to...
prefers-color-scheme in CSS and Javascript
prefers-color-scheme is geared towards accommodating user preferences. With prefers-color-scheme we can control the color scheme we use based on the operating system preferences for the user. It...
Thought on digital books: A reply to Wendy Reid
I'm doing this post to reply to a series of tweets from Wendy Reid, chair of the W3C Publishing WG, presenting questions about the future of digital publishing. Rather than reply via tweets, I've...
CSS Variables For Handling Fonts
Thanks to Jason Pamental for feedback on this post. Variable fonts have a problem as currently implemented. If you use font-variation-settings to control the different axes of the font then every...
Understanding CSS Logical Properties
Most of the time it's ok to work with left and right to define elements of our design; that's what we're used to: English and other western languages that read from left to right and top to bottom....
Baking Accessibility Into Our Web Workflows
Every so often I hear people complaining about accessibility and what should we do about it and more important whether we, as developers, should care about accessibility. The tweet below made me think...
Portals: New ways to view the web
(Web) Portals as technology are not new. Java has used portlets (as defined in JSR 362 for the latest edition) in containers for a long time. Teams have used other languages to use Portals. Chrome has...
Modifying Prism.js to use a variable font
When researching how best to use Recursive, I did the following exercise. I took the basic selectors for Prism.js and modified them to use Recursive as the primary font. I did it for the following...
Recursive variable font... How To Use it
Recursive is a variable font under development by Arrowtype that caught my attention by the possibilities it provides. Recursive provides two custom axes: One that moves from monospaced to sans-serif...
Custom Material Design Typography
In a previous post I created a page using Material Design's default typography classes and the fonts they are designed to work with. What I didn't realize is that you can also create custom...