Pixels of the Week – October 10, 2021 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

What a busy week! This Tuesday I was live with Debbie Levitt for a “Ask me anything” session. It was a lot of fun. And this Friday I taught the students studying UX Design a Research at ULBruxelles how to build a user oriented mobile strategy. I’m also back to the office one day a week, it’s a little big strange for the moment to be honest after almost 2 years remote. I also worked a lot with excel charts this week and was frustrated that you can’t create custom color themes on excel mac. Turns you there’s a trick: create one in powerpoint and save it, it will be available in excel 🙂

TL;DNR the one you should not miss


#CSS

This is a really clever trick using some max, min and calc in CSS to build a conditional border radius in CSS by @shadeed9

Interesting article

#Accessibility

Hello, let’s debunk 10 Myths about Web Accessibility with @alvaro_montoro!

#Mental Models

The Waning File/Folder Mental Model, an interesting read on how some students don’t understand the computer file model their teachers are so used to

#UX Research #Agile

Accounting for User Research in Agile, some tips by the NNGroup to help you conduct user research in an agile environment

#HTML

7 useful HTML attributes you may not know: multiple, accept, contenteditable, spellcheck, translate, poster (I did not know that one, quite handy for videos), download

#Management

“I don’t believe you have to have passion to be a programmer, and was a bit sick of hearing the argument. So I spent some time unpacking with research how flow state is the reason that this is not a requirement and everyone is welcome in tech!” from Why flow matters more than passion, an excellent article by Sarah Drasner on dev management

#3DPrinting

This is cool and fun: Engineers create 3D-printed objects that sense how a user is interacting with them

#Disability #StockPhotos

Who decides how disability is represented in stock photography? Plus a few places to find disability stock photos

Inspiration, fun experiments and great ideas

#Typography

A cool case study on how they created the Culture Amp’s handwritten typeface

#CSS

I always love it when people play around with the technology to build cool thinks: How I (@yosracodes) Make CSS Art

#Inspiration

Gemma Correll is a cartoonist, writer, illustrator. I really like the cartoonish fun style of her work, and the cute little pugs: website and instagram

#Portfolio

A fun comics on “what your portfolio really tells people

#Storytelling

Why The Suicide Squad Worked where Garbage Squad Failed” a great lesson of story telling and character building via an analysis of the new suicide squad movie.

#Photography

If you like pictures taken by drones, you will love this gallery

#Generative Art

Experiments in dynamic and generative design (make sure you check the other ones out as well)

Tutorials

#CSS

Understanding min-content, max-content, and fit-content in CSS“, I love those intrinsic keywords values that bring a lot of flexibility to the page content design

Useful tools and resources that will make your life easy

#Ethical Design

The Digital Product Ethics Canvas, a tool to help you minimise harm of digital products you are bringing into the world

#Code Theme

This is a tool @themerdev to create your own set of color theme for dev environments. I played around to build a purple yellow one for the terminal and my VScode

#UI Inspiration

A place to find inspiration for 2B2 and SaaS apps and services

#Microcopy

Another interesting site to find examples of short microcopy inspiration

#ServiceDesign

An open collection of service design tools and tutorials that helps dealing with complex design challenges.

#Documentation

A free chrome extension to help your make step by step guides with screenshots for documentation, FAQ, etc.

#Color

Accessible Palette: Create color systems with consistent lightness and contrast

#Tools

A collection of free single-purpose online tools for web developers and designers

News in the industry

#Security

Twitch got a leak, so you might want to change that password!

#Neurosciences

News from the field of Neurosciences: “Woman successfully treated for depression with electrical brain implant“. This scares me a little bit but at the same time can bring quite hope to a still heavily stigmatized field of mental health





Source link