447 Posts, 122 Following, 841 Followers · Web dev, SvelteJS maintainer, and pianist. ❤️ cats, books, and video game music.| Front-End Social
The prefers-reduced-motion CSS media feature is used to detect if a user has enabled a setting on their device to minimize the amount of non-essential motion. The setting is used to convey to the browser on the device that the user prefers an interface that removes, reduces, or replaces motion-based animations.| MDN Web Docs
Update 11/2021: this post was adapted into a lightning talk I recorded for the Fall 2021 Svelte Summit.| Geoff Rich
position: sticky is a CSS property that lets you "stick" an element to the top of the screen when it would normally be scrolled away. However, there is no native way to change the element's styling when it becomes stuck. In this article, I will show you how to detect and style a "stuck" element using an underused feature of the Svelte API: actions.| Geoff Rich
The open web's success is built on interoperable technologies. The ability to control animation now exists alongside important features such as zooming| CSS-Tricks