Bento Break 11 – June 24, 2021

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 […]

Bento box emoji with number 11 badge resting on a abstract waving background

Mac Apps I Can’t Live Without

Like many designers, I really enjoy using my Mac and tweaking it with nice little time-saving apps. Because I also use a Windows machine for heavy design work, it’s important my environments have similar tooling. Here are a few apps I use that are indispensable and bridge that gap. Design tools Affinity Photo and Affinity […]

Mac monitor in white room with a white desktop displaying app icons featured in the associated article

Bento Break 10 – June 18, 2021

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 […]

Bento box emoji with number 10 badge resting on a palm frond background

Respect Font Preferences 2 – REM Isn’t the Answer

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 […]

Lychees (1941) Chinese painting in high resolution by Ding Fuzhi. Original from The MET. Digitally enhanced by rawpixel.

Bento Break 9 – June 11, 2021

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.

Bento box emoji with number 9 badge on spiral stair background

New CSS Hacks to Target Safari

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){} […]

Cerfs from L'animal dans la décoration (1897) illustrated by Maurice Pillard Verneuil. Original from the The New York Public Library. Digitally enhanced by rawpixel.

Bento Break 8 – June 4, 2021

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.