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 394, 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 429, 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
SitePoint
20 Simple Ways to Style the HTML details Element — SitePoint
· Learn simple ways to style the HTML details element, which is a very useful element for revealing and hiding bits of content on a web page. · Shared by 7, 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 153, 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
github.com
adobe/leonardo
· Generate colors based on a desired contrast ratio. Contribute to adobe/leonardo development by creating an account on GitHub. · Shared by 20, including Marius Bleuer, Devon Govett
Mozilla
::cue - CSS: Cascading Style Sheets
1 min · · The ::cue CSS pseudo-element matches WebVTT cues within a selected element. This can be used to style captions and other cues in media with VTT tracks. · Shared by 7, including Marius Bleuer
oklch.com
OKLCH Color Picker & Converter
· P3 is unavailable on this deviceRec2020 is unavailable on this deviceUnavailable on any deviceOKLCHLCHTool made by Andrey Sitnik & Roman Shamin from Evil Martians · Shared by 27, including Marius Bleuer, Stef Walter
ishadeed.com
CSS Text balancing with text-wrap:balance
3 min · · A look at text wrap balancing in CSS · Shared by 7, including Marius Bleuer