Pixels of the Week – March 10, 2019
Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, Front-End development, HTML, CSS and more…
This week’s selection: portfolio tips, UX and GDPR, building an accessible color palette, cognitive biases, illustrator global swatches, CSS animations Jumps, accessibility as design tool, demystifying accessibility, CSS Custom Properties, failing at accessibility, WebAIM million site accessibility analysis, stock photo generator, CSS selectors game, etc.
You can follow me on twitter to get a dose of links every days.
I co-animated a workshop
#UX #Cognitive Biases
This week, Laurence Vagner and I co-animated a UX in Lux workshop on cognitive biases.
TL;DNR the one you should not miss
#Accessibility
If like me you sometimes have a text color that lacks contrast with the background and are looking for an alternative, this tips are still relevant to how I work today: Tips to Create an Accessible and Contrasted Color Palette
Interesting article
#UX
- Yvonne Gando, Google Senior UX Writer on Portfolio Tips to Break into UX
- What does GDPR mean for UX? – Claire Barrett
- User interfaces: hiding stuff should be a last resort, 100% agree with @adambsilver on that one, it gets even worse on mobile, what do you do with things that you hide behind a mouse hover on desktop, well, hum, hum, well…
#Accessibility
- Accessibility, a powerful design tool – accessibility helps narrow down design decisions and build better products for everyone
- How to Fail at Accessibility, and excellent about about building accessibility awareness with your product teams
- The WebAIM Million, an accessibility analysis of the top 1,000,000 home pages, and it’s not pretty
- Demystifying Accessibility: Do only highly disabled people benefit from it?
#CSS
- Did you know that CSS Custom Properties can handle images too?
- Very well written, great examples and easy to understand while drinking morning coffee article: The Dark Side of the Grid (Part 1) – Manuel Matuzović
#Illustrator
Adobe Illustrator Global Swatches. 1. I live those 2. I wish Sketch and Photoshop had them.
#Mobile
YouP goes progressive with new mobile web apps for Android and iOS
#Writing
The Amazing Myriam Jessier wrote a little something to help you write for the web: The Right Way to Write : Focus on Readability
#Design
Reminder: “I don’t know”, I don’t know yet but give me a week to figure this out is one of the most confident and honest thing you can tell in a meeting.
#Diversity
It’s time to call that feeling of exhaustion that comes from being the only person of a particular identity in an environment what it is: “representation burnout.” It impacts a host of people who find themselves to be the “only one”: Why We Need to Talk About—and Recognize—Representation Burnout
News in the industry
#WebAuth
W3C approves WebAuthn as the web standard for password-free logins
Tutorials
#Cache
Cache-Control for Civilians – CSS Wizardry, oooh yeah
#CSS #Animations
“Jumps: The New Steps() in Web Animation” I didn’t Know about that one, really useful if you want to skip a beginning or ending state in a CSS animation
Useful tools and plugins that will make your life easy
#Photos
The people at Icon 8 created a tool to create your own stock photos What I love about them is that they also understood that this is going to be used as a memes generator and are totally cool with that. I mean, cats, YES PLEASE
#Accessibility #Color
“Accessible Brand Colors“, another cool tool to check the contrast of your brand colors
#CSS #Selector
A fun little game to help you understand CSS selectors: “CSS selectors cheatsheet“
