Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, HTML, CSS, the web industry, process inspiration and more…
This week’s selection: a cool color finder tool, naming colors, a game to “judge” some controversial color naming, an based experiment based on AI to tell how “normal” you are, some SVG patterns, CSS variables 101, a virtual drum machine, hot pink illustrations, a place to find UX volunteer work, CSS focus-visible, CSS media queries, CSS full bleed layout, some webcam sketchy filter experiment, DevFest videos, etc.
#Now – what I’m up to
This week I animated a 3 hours workshop on “designing reusable modular components” for OpenSlava. This was my first “long” remote workshops, it went quite well, participants were happy. It’s still a little bit strange to do those kind of workshops online because I would normally have people in small groups around tables, with some tea/coffee, pen and paper. So for now, I’m mostly working with Miro for this. It’s a whole other experience trust me but, it’s nice too.
TL;DNR the one you should not miss
A cool color finder tool that lets you find by entering a word or an idea. For example “autumn” gives me a nice list of beautiful red, orange, yellow colors
A Complete Guide to CSS Media Queries. You can use them to adapt to a lot of different user browser/system conditions that go beyond responsive web design: prefers-reduced-motion, prefers-contrast, inverted-colors, etc.
Another fun demo today: Sketchy Webcam Filter Effects and an homage to a-ha’s music video. I think such tools have big issues with my glasses haha. Here’s the demo and the article that explains it all
Inspiration, fun experiments and great ideas
Ho Normal AM I? An experiment on what algorithms can guess bases on your face and other data while you are browsing. Apparently I’m 18 yeas old with a BMI of 19 (haha nope) and “Violently average” (it says it only stores the webcam data locally)
CSS Variables 101, a good summary of what CSS variables (aka custom properties) are, what you can do with and why you should use them (by @shadeed9)
Useful tools and resources that will make your life easy
If you are a UX designer who wants to do volunteer work for some organizations around the world, UX Rescue can help you get connected to people who need help (I like that they also offer some mentorship for those projects)