Pixels of the Week – February 19, 2023

Building a color palette, ethical UX research, CSS wishlists and some cookies

This content is 1 year old. Remember that the following content might be outdated.

On Twitter,  LinkedIn and Mastodon, I share curated articles I read, resources and tools about UX Design, User Research, UI and mobile design, HTML, CSS, the web industry, some process, some inspiration, etc. This is an archive of everything I shared this week. And some extra links that I decided to only share for the blog readers. Also, subscribe to the newsletter to get notified when those are published!

#Now – what I’m up to

I had an awesome time, talking about accessibility and design systems with Geri Reid, Laren Eatty, Aprile Elcich this Thursday. The video should be available soon, I’ll share it here and on social media.

I’m also currently having fun with some raccoons illustrations for Mastodon server, and I’ve started adding vectorizing them and picking the actual colors. I also baked gluten free cookies, you can get the recipe on Instagram (or at the end of the article).

TL;DNR the one you should not miss

Building Your Color Palette: I’m sharing this one again, it’s one of the best introduction to color palette for beginners I’ve found. It nicely shows that you don’t just need the “palette” you built, but greys and accent colors (it misses a part about accessibility though)

Interesting articles

UX design, research, inclusive design and ethics

CSS wish lists and the false promises of JS frameworks

  • Some very cool ideas in all those 2023 CSS wish lists from: Eric Meyer, Dave Rupert, Ahmad Shadeed
  • The Market for Lemons: Interesting notes from Alex Russell on JS frameworks, the false promises of how better developer experience (DX) was supposed to bring better UX (spoiler: it didn’t)

Spices, AI skills, training and all the other cool ones

Inspiration, fun experiments and great ideas

Useful tools and resources that will make your life easy

  • ScreenplaySubs a browser extension for Netflix that syncs up movies with screenplays, displaying them side by side. It shows you if a dialogue was improvised, a scene omitted, etc. It can be a fun way to discover behind the scenes of your favorites movies (if they are on Netflix)
  • The Micropedia: An awesome resource to better understand micro aggression marginalized groups face. Identifying those is a first step into avoiding them and building a more inclusive society, workplace, etc.
  • Modern Ilustration Archive: Explore the archives or 1940s, 1950s, 1960s and 1970s illustrations (mostly print design, advertisement, etc.)
  • Typetrials: a free platform to test and experiment with fonts, especially if those are variable fonts. You can upload yours (or use the platform fonts):
  • Vikunja: an open-source, self-hostable to-do app that you can configure different way, including trello style.
  • Stable Attribution: this website claims it shows you the human made images that were used to by an AI to generate an image. Interesting to see the dataset (and might interest some illustrators to see if their content is in datasets without their consent)
  • AIcyclopedia, Another list of AI tools organised by categories


Testing Colour Accessibility with Dev Tools, that’s a very useful trick if you don’t have any tools you can install

News in the industry

The Gluten Free cookies recipe

Gluten free lactose free banana cookies for 2 (adapted from @owiowifouettemoi‘s recipe)

  • Mix dry ingredients together
  • 20 g almond flour
  • 30 g glutinous rice
  • 50g g maïzena (cornstach),  or any other gluten free flour you like
  • 30g oatmeals
  • 1/4 tps baking soda
  • 1 pinch of salt

Mix wet ingredients together:

  • 30g coconut oil
  • 30g de Brown sugar (I use coconut sugar)
  • 20g white sugar
  • 1 egg yolk (if you are vegan replace it by one very ripe banana or fake egg powder)

Bring the wet to the dry mix. If it’s too dry to mix (sometimes with some flours it is), add vegetable milk.

Heat oven at 180°C

Then I add stuff inside or on top of it, here are a few examples, up to you.

  • chocolate chips (inside)
  • bananas (on top of it)
  • peanuts (inside)
  • grated coconut (on top)

Form 4 little balls.

Cook for 12 to 15min max, temp 180°C

Let them cool for 8-10min.