Pixels of the Week – March 7, 2021

Every day, I share on Twitter and LinkedIn a list of 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.

#Now – what I’m up to

For my French readers this week, I added some French book to my selection of best UX books and I wrote a transcript/long article on design, performance and the forgotten states. The article is in French but the conference slides are in English, also I will talk about this in a meetup in Germany soon, so don’t worry non French speakers that content is arriving in English as well. Last but not least, I organize with my company Maltem the “design month” on social media. So if you follow me in LinkedIn you will see a few cool posts and events. So, next Thursday at 6:30 I’ll be talking about the different flavors of design: UX, UI, visual, but also, talk about UX writing and all those fancy new roles and responsibilities. It’s free and I want this to be an open conversation 🙂

TL;DNR the one you should not miss

#CSS #Gradient

Wow, Adam Argyle (@argyleink) built this awesome CSS conic gradient demo. I love those so much, they feel more natural than linear ones. Also, my hair color is in here, can you guess where?

Interesting article


How to Handle Dominating Participants in UX Workshops: 3 Tactics” by Kate Kaplan on @NNgroup, a list of tools and techniques to make sure everyone can participate and be heard in workshops.


“Experience Design Wake-Up Call: How Bad UX Cost Citi $500M.” Sadly, design is still considered as useless for many enterprise products that are developed by devs with zero understanding of user & business needs, I hope that will change.


This is nice: “An approachable guide to doing an accessibility audit using a screen reader“, not many articles explain to you the different keyboard shortcuts and what is expected from keyboard navigation ( by Justine Win)

#Form #UI

Material Design Text Fields Are Badly Designed” by Adam Silver (@adambsilver). I could not agree more, as soon as you start using them in complex forms, the placeholder with floating label is quite a mess and confusing for enterprise users.


Dangerous UX: Consequential Options Close to Benign Options” and interesting article on @NNgroup about error prevention


Crossing Divides: How a social network could save democracy from deadlock” http://Pol.is was used in Taiwan to find consensus on Uber regulation. The way it’s designed to avoid trolls & change the information structure is quite interesting

Inspiration, fun experiments and great ideas

#Design #Fun

Some  Fun for designers: here is your design astrology predictions by Pablo Stanley (@pablostanley). As a Libra who loves black and notebooks I can tell you this is 100% accurate! Wait, who said Barnum Effect? ^^


Ever wondered how an heart shaped iceberg would float? Now you can know with this cute and fun tool: “Draw an iceberg and see how it will float.” Created by @JoshData

#Demo #GSAP

Ha, I like this little “throw donuts at Homer” 3D game made by @sanprietoo

#Fun #Blob

A highly satisfying tool I could play all day with: a blob generator. Meet “Rainbow Pudding“. I don’t have any VR headsets but I’m curious to know what it looks like with such device. Smiling face with sunglasses


I think we all need cute little parrots in our Slacks/Mattermosts and this is THE place to get them (via @michlymich ^^)


What is the best way to ease someone’s pain and suffering? Dr Brené Brown reminds us that we can only create a genuine empathic connection if we are brave enough to really get in touch with our own fragilities.


Embroidery is such a creative art, check Narumi Takada (@nrm_takada) on Instagram to discover many different ways to think outside that canvas. I love the little steps in the snow.

Useful tools and resources that will make your life easy


This is really nice: “SVG Repo – Search and find 300.000+ open source SVG graphics fastest way

#Icons #Figma

Microsoft’s Inclusive Design Illustrations are now available as Figma template


We all love checklists, so here is @11YProject’s accessibility checklist to check your WCAG compliance, it’s easy to read and beautifully designed.