min-max-calculator.9elements.com
Min-Max-Value Interpolation
May 24th · A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range.
Shared by 18, including Marius Bleuer
leonardocolor.io
Leonardo
From 2019 · Generate colors based on a desired contrast ratio.
Shared by 48, including Simon07, Devon Govett, Marius Bleuer, Casey Smith, Pizza 🍕, Oscar MacDonald, René Stalder, Dr. Dominic Royé
Eric Bailey
Equifax Data Breach, Credit Freezes, and Beholden Design
~13 min read · 2020-11-24 · Ever been frustrated because a movie theater plays advertisements before the trailers even start? This is a kind of experience I call 'Beholden Design'…
Reader View · Shared by 164, including CSS Weekly, Easy Chirp, Hannah Milan, Sara Soueidan, Esther Schindler, Web Axe, Karl Groves (he/him), patrick h. lauke (lazarus) #toryScum "Big Dog", Adrian Roselli 🗯, Stéphanie Walter, Alistair Duggin, Ethan Marcotte, Steven Sinofsky, PacielloGroup, thoughtbot, Steve Faulkner, Dennis Lembrée, Ian Pouncey, Paul J. Adam
Moz
Core Web Vitals: What Next?
7 min read · Feb 18th · The promised page experience updates from Google that caused such a stir last year are far from being done, so Tom takes a look at where we are now and what happens next for the algorithm’s infamous…
twitter.com
Kevin Powell auf Twitter: "Modern CSS can make a lot of impossible things possible, but it also simplifies some things…
Mar 9th · We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our…
Shared by 7, including Marius Bleuer
cloudfour.com
Which SVG technique performs best for way too many icons?
7 min read · 2021-11-02 · When I started giving talks about SVG back in 2016, I'd occasionally hear a question I never had a great answer for: What if you have a lot of icons on a page?
Reader View · Shared by 15, including Marius Bleuer
twitter.com
Steve Schoger auf Twitter: "💡 When it comes to mobile table design, there's not a lot of dependable solutions that…
Mar 8th · We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our…
Shared by 7, including Marius Bleuer
twitter.com
Bruce Lawson auf Twitter: "Breaking news: there are lots of people named "Lu", "Li", "Ng" etc who might actually buy…
Mar 1st · We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our…
Shared by 7, including Marius Bleuer
CSS-Tricks
No Motion Isn't Always prefers-reduced-motion
3 min read · Feb 8th · You may want to think twice before using this CSS that attempts to obliterate any motion on a website using prefers-reduced-motion.
Reader View · Shared by 28, including Web Axe, Chris Heilmann, Marius Bleuer, Stéphanie Walter, Eric Bailey
craigabbott.co.uk
Accessibility and font sizes
6 min read · Feb 8th · Using pixels for font sizes can make your website inaccessible. Stop it!
Reader View · Shared by 14, including Adrian Roselli 🗯, Marius Bleuer, Stéphanie Walter
medium.com
Create accessible designs using the Figma A11y Annotation kit
~11 min read · 2021-12-03 · Accessible experiences don’t design themselves. If designers don’t annotate their designs with accessibility properties and behaviors then…
Reader View · Shared by 23, including Paul J. Adam, Easy Chirp, Marius Bleuer, Web Axe, Dennis Lembrée
Chrome Developers
Full control with the VirtualKeyboard API
5 min read · 2021-09-10 · The VirtualKeyboard API provides a mechanism for developers to opt-in to a special behavior when the virtual keyboard appears: a docked virtual keyboard will overlay content (as opposed to…
Reader View · Shared by 18, including Jake Archibald, Marius Bleuer
MDN Web Docs
theme-color - HTML: HyperText Markup Language
1 min read · Feb 7th · The theme-color value for the name attribute of the element indicates a suggested color that user agents should use to customize the display of the page or of the surrounding user interface. If…
Reader View · Shared by 6, including Marius Bleuer
twitter.com
Adam Argyle auf Twitter: "Safari Tech Preview has experimental CSS gradient colorspaces and I had tons of fun playing around…
Feb 7th · We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our…
Shared by 7, including Marius Bleuer
twitter.com
Bramus auf Twitter: "What if I told you, you can show/enable form controls based on the value of a preceding…
Jan 27th · We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our…
Shared by 4, including Marius Bleuer
The A11Y Project
Designing accessible animation
1 min read · Jan 20th · A general guide to designing more inclusive animation and what to avoid along the away.
Reader View · Shared by 8, including Marius Bleuer
