Codrops
A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view()
9 min · · With just CSS you can add scroll animations that toggle shadows on navbars, reveal images, add scrollytelling, link up carousel elements and much more. · Shared by 374, including Gérard Godin, Marius Bleuer, Oliver Raduner, Rodrigo Noales
Mozilla
light-dark()
4 min · · The light-dark() CSS function enables setting two colors for a property - returning one of the two colors options by detecting if the developer has set a light or dark color scheme or the user has… · Shared by 9, including Marius Bleuer
thewebshowcase.withgoogle.com
Google - The Web Can Do What!?
· Seamless. Consistent. High performance. High fidelity. These are a few of the many things the modern web can deliver. Check out https://thewebshowcase.withgoogle.com to see what the platform can do… · Shared by 10, including Marius Bleuer
Nielsen Norman Group
Table of Contents: The Ultimate Design Guide
16+ min · · Tables of contents provide a page overview and direct access to specific sections. When designing a table of contents, carefully compare different placement and styling options to maximize usability. · Shared by 424, including Marius Bleuer, Gérard Godin
medium.com
The Ultimate Guide to Designing Data Tables
8 min · · A collection of best practices for data table UX/UI · Shared by 31, including Marius Bleuer, Andreas Bossard, Benoist Lawniczak, Luca Longo
coyleandrew.medium.com
Design better data tables
6 min · · The ingredients of a successful data table UI · Shared by 13, including Marius Bleuer, Nick Babich, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ
pencilandpaper.io
UX Pattern Analysis: Enterprise Data Tables
15+ min · · Learn how to design data tables (including all the complexities) in your enterprise software. · Shared by 18, including Nick Babich, Stef Walter, Marius Bleuer
The A11Y Project
Quick tip: Browser Keyboard Navigation in macOS
3 min · · How to enable full keyboard support in browsers on macOS. · Shared by 28, including Web Axe, Dennis Lembrée, Marius Bleuer, Steve Faulkner SteveFaulkner@mastodon.social, Easy Chirp, patrick h. lauke (redux) "Big Dog" #toryScum #cis
ashleemboyer.com
An Accessibility Bookmarklet for Testing 200% Text Size
3 min · · Quickly test your 'loss of content' risk when text is resized. · Shared by 10, including Marius Bleuer
Smashing Magazine 🇺🇦 🏳️🌈
Creating Accessible UI Animations — Smashing Magazine
10 min · · Animation and accessibility are often seen as two separate powers at odds with one another. How is it possible to strike a balance between elements that move and the possible negative effects they… · Shared by 151, including Marius Bleuer
understandingaccessibility.com
Understanding Accessibility.
1 min · · When accessing a website, user experience can be impacted by a number factors. This includes things outside of the designer's control (like the strength of internet connection), but is largely… · Shared by 77, including Marius Bleuer
hanko.io
Hanko – Next Level Authentication
2 min · · The first thing your users always need to do is login. Integrate the most advanced and secure authentication methods in no time with Hanko. · Shared by 15, including Marius Bleuer, Mike Ivars
github.com
GitHub - teamhanko/hanko: A passkey-first approach to authentication that takes you on the journey beyond passwords. For better security, conversion…
· A passkey-first approach to authentication that takes you on the journey beyond passwords. For better security, conversion rates, and happier users. - GitHub - teamhanko/hanko: A passkey-first appr... · Shared by 9, including Marius Bleuer
blog.chromium.org
How Core Web Vitals saved users 10,000 years of waiting for web pages to load
6 min · · T oday’s The Fast and the Curious post explores how Core Web Vitals saved Chrome users more than 10,000 Years of waiting for web pages to lo... · Shared by 8, including Marius Bleuer
Mozilla
prefers-reduced-transparency
1 min · · The prefers-reduced-transparency CSS media feature is used to detect if a user has enabled a setting on their device to reduce the transparent or translucent layer effects used on the device.… · Shared by 7, including Marius Bleuer
Chrome Developers
CSS size-adjust for @font-face
5 min · · As a web font loads, you can now adjust its scale to normalize the document font sizes and prevent layout shift when switching between fonts · Shared by 8, including Marius Bleuer