Pixels of the Week – February 21, 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

Yesterday (Saturday) we had a blast at Students of UXD with my friend Laurence. We talked about cognitive biases and presented our 52 cards to discover cognitive biases deck. We might also have started thinking about an online version of that workshop that is coming soon. Stay tuuuned.

On May 5th I’ll talk about performance and designing the forgotten cases at CNGwebperf meetup. It’s free, please come 🙂

TL;DNR the one you should not miss

#Design #Satire

How to deal with designers in 10 easy steps – This is is a satire.” this is both fun and horrible because most of those happened to me at some point. Please don’t do that to your designers 🙂

Interesting article

#Accessibility

Should I Use An Accessibility Overlay?“, short answer is no, make your website accessible instead

#FrontEnd #Backend #titles

Front-of-the-front-end and back-of-the-front-end web development ” an interesting article by Brad Frost (@brad_frost) on the split of responsibilities between different flavours of front-end developers

#JavaScript

“I want to have a personal life and not have to spend my nights reading up on some new flavour of *.js in fear that if I don’t I would soon be made irrelevant. ” a harsh but true take on current front-end stack

#CSS

Is CSS float deprecated? The short answer: No! Well, mostly. I’d only use it today for wrapping text around images, though and I’d avoid using float entirely for layouts by Robin Rendle (@robinrendle)

#Designthinking

“Design Thinking often over-simplifies the issues that we face. When we opt for creativity, people tend to design an ideal world and the best-case scenario. ” 5 interesting flaws of design thinking by Julia Tsoi

#Selfcare

It’s Not Just You. A Lot Of Us Are Hitting A Pandemic Wall Right Now” I don’t know about you, but there’s some comfort in knowing that it’s not just me who’s exhausted even if I kind of mastered the “faking that everything is okay” thing. Take care folks.

#Figma

One Figma component — 3,360 Variants“, really fun exercice, but will your really use those variants in actual designs?

Inspiration, fun experiments and great ideas

#Illustration

This cute little cat cactus arrived in my timeline and, I love it.

#SVG #demo

Pizza Party SVG text masking demo by @peruvianidol, simple, yet effective this made me laugh  (trigger warning: bright colors moving around, could be triggering seizures)

#UX #UI #UZ #Life #Satire

Ha finally a UI vs UX illustration that makes sense! via @xkcdComic

#Watercolor

If you like watercolor illustrations, you should look at Daithe arts.

#Pokemon #Curiosity

A series of Pokemon illustrations in a realistic curiosity cabinet style by Vincent Darnois.

#Codepen #Demo

#RecursiveImages

This is a cool online too to generate recursive images (by @javierbyte)

Video & Podcasts

#UX #Neurodiversity

A great 20 minutes talk by @SRemyMick “Neurodiversity is a strength in UX Design“. I love all those little tips!

#Podcast

Another amazing episode of @katerutter and @lauraklein’s podcast where they talk about designing in triples: design stories, task flows, going back and forth and not jumping straight into Figma, this is a must listen for design students, really!

#Talk #ExpertUX

Over-complicated? Over-simplified? The UX Efficient Frontier” this is an amazing talk by @morganepeng, because not everything needs to be simplified or delighted, don’t spoon feed your interface to your expert users!

Useful tools and resources that will make your life easy

#Books #Freebooks

Here is a super long list of free books for designers on different topics: UX, design system, visual design, usability, typography, front-end, etc. (by @lapaninja)

#Code

Remember carbon.now.sh, a tool to create nice imagines code snippets for slides, posts on social media, etc? Meet ray.so by @raycastapp that does something similar but with a more gradient and transparent look

#Design

An open source collection of Design Principles and methods.” in case you are curious and looking for generic design principle examples from different companies in different domains, that’s a good start

#CSS

SmolCSS – a Minimal snippets for modern CSS layouts and components by Stephanie Eckles (@5t3ph)

#Typography

Boba Date is a cute font with a wide range of glyphs designed for the editorial needs of comic book lettering. It comes with four sets: Regular, Italic, Bold, and Bold Italic. Created by Sara Linsley (@salinsley)

#CSS

I love those little subtle line hover animations by @crnacura

#Typography

JetBrains Mono is a really nice typeface for developers, in case you are bored of your current IDE typeface, give it a try? (via @glyphe)

Sign up for new articles

Don’t miss any new content: get notified directly in your mailbox when I publish a new articles or share new freebies.
I won’t share this email, and you can unsubcribe anytime.

Please note that gmail sometimes puts the confirmation in spam.