If you’ve worked on design systems at all, more than likely you’ve heard of design tokens. If you haven’t heard of design tokens, they are the essence of what makes your system feel unique, often stored as variables in some sort of tech-agnostic format like JSON. Even this site uses a form of design tokens […]
In part 1 of Respecting Font Preferences, I discussed how in almost every major browser, users have the option to adjust the font family and sizes of their fonts to meet their unique needs. However, just because one font family is set to an equivalent of 16 pixels (the common default), does not mean another […]
Content is king. So respecting how users choose to consume that content is absolutely critical. (PS: If you’re just here to see how to scale iOS font sizes to respect user preferences, click here for that and the TLDR) Out with the old Early in my career, I consistently chose a fixed pixel size for […]
A while back when reviewing common animation transitions for pages & elements I compiled a massive list of web-based motion and how I recommend you use them. Remember, using a ‘prefers-reduced-motion’ fallback doesn’t mean you must remove all animation. Reduce X or Y pixel movement and keep transition speeds gentle. Crossfades, color shifts, and blurs […]
This week snuck up on me, so I’ll be taking a break this from the Accessibility Jumpstart series to make sure I provide a quality resource for week 4. Dynamic wallpapers Dynamic wallpapers were first introduced in MacOS Mojave, and the time-lapse library Apple provides has been growing. Some clever people have reverse engineered the […]
As you may know, many of the HTML5 input types have been defined, but do not have a recommended or consistent experience across operating systems, nor browsers. Recently, the team at work and I discussed whether we should use the default HTML5 input type of ‘color’ or roll our own. As of December 2020, here’s […]
