Pixels of the Week – May 23, 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

I played with some flexbox fun to add the newsletter form directly at the bottom of every article now. If you understand French, I’ll talk at “Faiseuse du web” next week about 10 things I learned in 10 years of being a Designer. It’s online, free and will be captioned in French. Also, Laurence Vagner and I will co-host a workshop on cognitive biases for Flupa (in French too)

TL;DNR the one you should not miss

#Accessibility

This is really nice: Marcy Sutton launched a 6 weeks email course to help you learn more about building and testing accessible web applications.

#CSS

This is really cool: a free course to learn the fundamentals of CSS on webdev by Andy Bell

Interesting article

#SUS #MeasureUX

“People are experts at being users so you want to spend the little time you have with your users observing them, ask 1 satisfaction question, not 10 of them because that’s not really what’s important” Jakob Nielsen on how useful the SUS is

#Button #Accessibility

Sometimes, as designer, we take the easy road & decide to “just disable a button until something is completed”. Sandrina Pereira reminds us this might cause accessibility issues and offers some technical solutions and alternatives: Making Disabled Buttons More Inclusive

#Typography #Accessibility

Testing fonts for accessibility, an interesting short read by Colin Shanley to help you chose fonts with more legibility for all users

#GAAD

May 20 was the Global Accessibility Awareness Day. Maybe, it could be a good week to start talking about accessibility in your company, about the accessibility of your products and services? Then keep the conversation going for the rest of the year!

#Navigation

Left-Side Vertical Navigation on Desktop: Scalable, Responsive, and Easy to Scan” via @nngroup. My main issue is multi-level with those become quite complex, especially with landing pages.

#CSS

Moooar CSS container awesomeness by @una I love the “micro vs macro layout” distinction and how container and media queries can work together

#Reader

Design for reading: tips for optimizing content for Reader modes and reading apps” some interesting tips by Sara Soueidan here. I need to check my article now I think my bio is in my <article> tag (but I don’t have ads so it’s easier)

#Performance

Measuring Web Performance: I like that this guide on measuring web performance starts by explaining the psychology of waiting. Because it’s not just about technical metrics, but also about perception.

#FrontEnd

Simple things are complicated: making a show password option. I love this kind of “showing the complexity behind a design pattern that you think is simple” article, today: Simple things are complicated: making a show password option

#Toxicity

Twitter will test “prompts” to encourage people to pause & reconsider potentially harmful or offensive replies. I’m curious. I saw this kind of things implemented in video games chats with little success on toxicity.

#CSS

Ha, @chriscoyier brought back the “Is CSS a Programming Language?” topic and I really like his conclusion, it’s all about respecting people and paying people equally!

Inspiration, fun experiments and great ideas

#Art #ArtificialIntelligence

Learning to see: Gloomy Sunday“, an awesome project by @memotv where everyday objects get turned into beautiful art via artificial intelligence, machine learning, deep learning, generative adversarial networks.

#TensorFlow

Charlie Gerard used some TensorFlow pose detection goodness to create a little game with your webcam in the browser: beat-pose.netlify.app

#Art #Dataviz

I love those experiments: translate pixels into data visualisation. Also the science behind it is amazing by @elanaEllesce

#Drawing

This is a fun tool that created SVG lines illustrations out of pictures.

#Satellite

This is cool: enter your position (or let the browser geolocate you) and you get reminders for satellites you can see in the night sky at specific hours around your area

#CSS #Game

Chris Johnson was always forgetting the correct margin order in CSS, so he knocked this game together on my lunch break to help him remember.

#Illustration

Hi, it’s Monday, here is some beautiful paintings and illustrations by Teagan White to start your week with something awesome

Podcast

#OOUX
I really enjoyed last episode of Sophia V Prater’s OOUX podcast with Jeremy Keith as guest talking about resilience 🙂

Useful tools and resources that will make your life easy

#Map

A tool to print vintage maps at different points of history (via @brucel). I’m mostly fascinated by how borders moved ^^ Careful, not all maps are apparently accurate.

#Accessibility

@uxdesigncc collaborated with Sheri Byrne-Haber, CPACC to write a practical handbook about accessibility for designers: “Giving a damn about accessibility

#CSS

100 CSS loaders for your next project, I really like the geometric shapes ones here

#Webpagebuilder

This is my kind of jam, a webpage builder made by @xhfloz that works with drag and dropping elements in the browser with a huge potential for fun animated GIF, neon glowing elements and general chaos ^^

#Mobile

If like me you sometimes do mobile design and need to know the sizes of some iOS devices, this can help: Apple’s screen resolution list

#CSS

CSS Hell, a collection of common CSS mistakes, and how to fix them (by @cat_a_flame)

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.