Pixels of the Week – January 16, 2022 by Stéphanie Walter


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’ll be talking at axecon, a free and virtual digital accessibility conference this year in March. I’ll explain why and how designers can document accessibility & user interactions, let’s meet there! You can check my small introduction video on YouTube. I’ll also be talking at the UX Research Munich meetup (remotely) about Internal UX Research in Enterprises on January 26 at 7pm CEST Smiling face with open mouth and smiling eyes

In the “not so fun” news this week, my content was “copied”. It was removed since then, but I’m still amazed at such behaviors in our community. They say that “Imitation is the sincerest form of flattery”. I call bullshit on that. Part of my portfolio content was written with the help of Myriam. Because she’s amazing at content writing, among many other things. This means they stole from me and her. And it is sadly not the first time. I had also my design and illustrations stolen before. So, in case you need a reminder: you should not use ANYTHING, design, content, illustrations, images on the blog from this site without my explicit consent. The only exception to this is some of the content in the freebie section that is licensed under creative commons.

TL;DNR the one you should not miss

#Game Theory

People no longer trust each other. Why? And how can we fix it? An interactive guide to the game theory of trust

Interesting article

#Figma

Some more quick Figma tips. But please: if you copy SVG from the browser, only do it if you are ALLOWED to use it, so, and I can’t believe I am saying this again, do not use this to steal other people’s illustrations.

#Accessibility

Accessible heading structure and the “can we use multiple H1s in a page?” question (TL;DNR: no from and accessibility point of view). The part about using ARIA heading for screenreaders when SEOs wants to avoid a Hn it quite interesting too

#Naming

Naming stuff is hard when you code, here is a small guide that could give you some ideas and help. I don’t code for a living anymore but I need to name components in Sketch so I might borrow a few ideas as well

#Seniority

Some interesting thoughts what makes the difference between a senior and a junior. For me it’s not only the number of years, but the attitude and skills, the ability to see bigger picture indeed and communicate, and team player spirit too

#Design

A short small read on design maturity. The scale question, woosh, yes.

#Onboarding

An analysis on a not so optimal super long onboarding

#Typography

If you want to learn more about typography, choosing and using type, Google Fronts has a nice knowledge base to help you bring your A game

#CSS

An interesting review of Preference Queries by @5t3ph, and how to respect your user preferences (motion, colors, etc) with CSS

Inspiration, fun experiments and great ideas

#Fun

Finally a way to settle internet debates, and I don’t care, pineapple pizza is good!

#Game Design

22 indie games to look forward to in 2022“, the design and music in many of those are awesome, but Silt wins my heart.

#Cute Website

I love the little animations and small details when you change from light to dark mode on Sophie Koonin website

#Inspiration

If you like well organized things, you will love the work of Kristen Meyer. Check out her website and Instagram profile.

Useful tools and resources that will make your life easy

#Container Queries

Need to us container queries today on browsers that don’t support it? You can try this container queries polyfill (via @css)

#Icons

Iconoir is one of the biggest open source libraries with currently 1007 SVG Icons. No premium icons, no email sign-up, no newsletters.

#Drawing

Minimator is a minimalist graphical editor that lets you draw lines and curves on a grid based canvas. I find this quite relaxing.

#SVG

Cool tool to play with fluid blurred SVG gradients backgrounds

#Background Noise

This is the biggest library of relaxing sounds I’ve ever seen so far, to help you relax, to get background noise for your Role Playing Games, etc. I love the copy on some of those descriptions ^^

#Icons

Streamline, a big icons and illustration pack, is now available for Figma

Videos and Podcasts

#Mortician

A question you might never have asked but still the answer is awesome: “Is It Legal to Mummify Your Cult Leader?

#Procreate

I really love those retro illustrations with stippling and halftone dots, so here’s a stippling brush tutorial. I need to try this style eventually.





Source link