While compiling a video recently for my company’s design site, I was flagged for forgetting a web captions file. Being both an accessibility advocate and having never created one of these assets before, I did some research and manually crafted one for the minute-long piece. It was fascinating. It’s practically never talked about in the […]
Bento Break 13 breezes in. Color, mental health, games, and artworks that make me happy on this relaxing week of vacation. Gris An inexpensive and beautiful game Becoming Minimalist I find this refreshing Color harmony Spending time thinking about this recently
Bento Break 12 busts into the big time! Accessibility tips, cool tools, and lots of great artwork on Deviant Art this week. Accessible Speaking Best practices from Deque Microsoft’s Immersive Reader Very nice tool Vocal remover Seems pretty nifty
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 […]
Bento Break 11 is here at last! Industry standards, CSS system colors, nice branding, and some artwork from me! I am a bit rusty, and it needed to be simple for embroidery. Used Affinity Design for the first time, and instantly fell in love with it. Very impressed, highly recommended. Top 1000 Sites’ Fonts The […]
Boom! Bento Break 10 coming at you. CSS Tricks has had a ton of great content recently, so every article cited is from there. And as usual some great artwork from around the web. “Sticky” comes to tables Oh thank goodness. Finally. Blank is not _Blank These A targets are different Better disabled buttons Improved […]
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 […]
Breaking news, it’s Bento Break 9 broskis! Accessibility, AI, collaboration, and some slick colorwork. AI and Accessibility Thoughts on re-designing AI. Dynamic Accessible Name Issues Adrian Roselli covers some interesting gotchas. Secrets of Sustained Collaboration These work very well.
While trying to create a new scalable way to support Dynamic Type on iOS devices, I ran into a snag where it also affected Desktop Safari font sizes. After playing around, I came up with what I believe to be new Safari and iOS CSS targeting hacks. /* iOS browsers */ @supports(font:-apple-system-body) and (-webkit-touch-callout:default){} […]
Bellissimo Bento Break 8 my friends! More illustration and experimental news this time. Advanced CSS animation Pushing cubic-bezier to the limits! Penderecki’s Garden An immersive experience; not at all accessible. Chrome & native files Pretty stoked to see this coming.
