Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, HTML, CSS, the web industry, process inspiration and more…
This week’s selection: 7 deadly sins of dataviz, some great talks on binary thinking, design thinking being bullshit and inclusive design, showing users they can scroll with CSS, understanding the vocabulary of CSS, digging into the CSS Flex property, a piano built in JS, some online tools, naming layout components, some SVG calligraphy animation, recognizing gaslighting and being set up to fail, etc.
If like me you are tired of dribbblish eyecandy data visualizations that mean nothing for the users at best, distort the data at worse you will love this article by Slava Shestopalov: 7 Deadly Sins of Data Visualization
“A User Guide To Working With You” a template to help people work with you, I like this idea. It reminded me of a designer who built a “Marc’s brand book” where he described who he was, his values, his clothes, etc, like a brand book.
Sketch now has assistants which helps you monitor issues in your document. I used to do most of that with plugins so my only question is: how slow is it going to make my Sketch? I’m still super happy that one of the first ones is accessibility.
Talks and Podcasts
“Productivity recreates disability” by Liz Jackson, a great talk on how, when designers and technologists market disability-centric products, they tend to focus on how their ‘solution’ increases productivity.
“Our Banal Binary” a great talk by Tatiana Mac, she explains the history of binary thinking, why it’s a problem and how to go beyond this. I love her talks, always SO WELL documented and put together!!
“Do we really need design thinking to tell us to put cartoons in a MRI for children isn’t this obvious”, Natasha Jen’s 13 minutes talk on why design thinking is Bullshit, seeking critic and trusting your instinct
“Digging Into the Flex Property” a good guide with a lot of illustrations to help you better understand how the flew property works, how the content can grow, shrink, etc. Isn’t CSS amazing?
#CSS #UX #Scroll
That’s Just How I Scroll: How do you show users, especially on mac that doesn’t display scrollbars, that there’s more hidden content behind the small element box? I implemented the shadow trick a responsive table, worked quite well
Useful tools and resources that will make your life easy
What’s a statement? A property? A declaration? A keyword? A media query? A child combinator? This is a nice visual tool to help you understand the vocabulary of CSS
CriticalAxis is a community driven project from “The Disabled List” that collects and analyzes disability representation in media. Also, an interesting critic of design thinking and how to make this whole process better.