Post

Whew, what a ride! 🤯 😅 🚀 🎨 We had plenty of links circulating during @matuzo@front-end.social's talk today - and he sent us a few more reading tips. Here they are: Slides: * noti.st/matuzo/2iWUw...

noti.stColor in CSS Or: How I Learned to Disrespect Tennis by Manuel MatuzovicEverybody’s talking about container queries, nesting, scroll-driven animation, and view transitions. In all the excitement for these new modules, one topic is a bit overlooked: color in CSS. Manuel Ma...

CSS Café

@css.cafe

20 Feb 2025

Talk Videos: * Read color hex codes www.youtube.com/watch?v=eqZq... * Better than Lab? Gamut reduction CIE Lab & OKLab www.youtube.com/watch?v=dOsp... * Webfonts in 2019 www.youtube.com/watch?v=Gy1T... * Problems solved by OpenType www.youtube.com/watch?v=TreB...

youtube.comdotCSS 2018 - David DeSandro - Read color hex codesYouTube video by dotconferences

CSS Café

@css.cafe

Scientific books / resources about colors and color spaces: * Interaction of Color interactionofcolor.com * Okay Color Spaces ericportis.com/posts/2024/o... * Universal Principles of Color muster-schmidt.com/products/uni...

interactionofcolor.comInteraction of ColorAn interactive edition of one of the most influential books on color ever written offers users an entirely new way to experience Josef Albers’s masterwork

20/2/25, 5:51 pm0 reposts0 likes

CSS Café

@css.cafe

20 Feb 2025

* Science of Color Design m3.material.io/blog/science... * OKLCH in CSS: why we moved from RGB and HSL evilmartians.com/chronicles/o...

m3.material.ioThe science of color & design - Material Design 3How Material used color science to make design easier and more expressive than ever before.

CSS Café

@css.cafe

20 Feb 2025

Color & (Color) Font Tools: * hexcodle.com * oklch.com * lightningcss.dev/transpilatio... * developer.mozilla.org/en-US/docs/W... * wakamaifondue.com * gradient.style * git.apcacontrast.com/documentatio...

hexcodle.comHexcodle - The Daily Hexcode Guessing Game!Can you guess today's hexcode color? Challenge your color instincts and decode the hexcode with Hexcodle! Inspired by Wordle, but for color enthusiasts.

CSS Café

@css.cafe

20 Feb 2025

Further Reading Material from Manuel: * High definition CSS color guide developer.chrome.com/docs/css-ui/... * Accessible Palette: stop using HSL for color systems www.wildbit.com/blog/accessi... * Björn Ottosson - A perceptual color space for image processing bottosson.github.io/posts/oklab/

developer.chrome.comHigh definition CSS color guide | CSS and UI | Chrome for DevelopersCSS Color 4 brings wide gamut color tools and capabilities to the web.