Links
How Not to Use Box Shadows
Four years ago I found out my m1 can render a stupid number of these bad boys and so I set out to see just how far you can push them and boy did I. I want to share some of the worst possible things one can do with box shadows all on a single div. Things which shouldn't work at all yet somehow they do.
Responsive bar charts in HTML and CSS
While responsive and accessible SVGs are possible, they require manual client-side JavaScript logic. HTML and CSS allow us to create charts using declarative layouts and bidirectional positioning without computing positions and preventing overlap manually.
Providing Type Definitions for CSS with @property
Write safer CSS using
@property
, which enables defining types for custom properties. Learn why traditional fallback values can fail, and how@property
features improve the resilience of custom property definitions.
Forms without an accessible name are not exposed as ARIA landmarks
Wow! If you're not setting accessible names on your forms, they won't have the form role, which means they're not marked as forms and thus hard to discover and inaccessible.
Further thoughts about Jakob Nielsen's statement that accessibility has failed
AI cannot fix accessibility until those who program it understand that accessibility is about disabled people, and as long as systemic ableism continues to exist, AI won't be able to fix accessibility.
Videos
MPA View Transitions are here!
In 2023 we at Google shipped Same-Document View Transitions for SPAs in Chrome 111. This year we bring you the next big thing for View Transitions: Cross-Document View Transitions for MPAs, activated by a same-origin navigation. Now you no longer need to rearchitect your app to an SPA in order to use View Transitions: clicking a link from one page to another is enough to trigger the transition.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.