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 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.

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