There’s a brand new ariaNotify() method — defined by the WAI-ARIA 1.3 Specification — that provides a means of programmatically triggering narration in a screen reader.
Powered by
DigitalOcean
Props for That creates live props based things CSS can’t normally see in the browser. Things like cursor position, progress values, certain form states, current time, scroll velocity.
CSS functions, the alpha() function, Grid Lanes, some things about Dialog that you might not know, CSS Wordle, and more — this is What’s !important right now.
Why isn’t my 3D view transition working?! Sunkanmi tackles this frustration and offers an elegant fix for it.
One of those nuances to keep in your back pocket when writing for screen readers.
There are many ways to create memorable experiences. Sometimes it’s as simple as a form that completes smoothly. But here I’m interested in sharing techniques I reach for when I want a site to feel alive and be remembered.
@function --font-size() returns { }
@custom-media --tablet (768px <= width <= 1024px);
.element { transform: rotate(45deg); }
.element { transform: rotateY(60deg); }
.element { transform: rotateY(30deg); }
.element { transform: rotateZ(90deg); }
.element { animation-timeline: view(); }
.element { animation-timeline: scroll(); }
