Pixels of the Week – 23 June, 2017
Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools and useful resources, inspiration on twitter and other social networks.
This week’s selection: cognitive bias, the fear of whitespace, a few articles on PWA, mobile marketing for millennials, styleguides, pattern libraries, animations and UX, form validation, Sketch, CSS grid layout, a few tools and a nice satyre of recruitment process at the end.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#WhiteSpace
Horror Vacui, the fear of white space, han I did not know there was a cool Latin name for that 🙂
Interesting article
#Cognitivie Bias
The Importance of Cognitive Bias in Experience Design with a few examples
#PWA
Why Progressive Web Apps (PWA) is not good news for Native and Hybrid app developers. I would say that hybrid devs might use same JS CSS & HTML knowledge
#Mobile
Reaching The Millennials: Mobile Marketing Trends And Techniques, really interesting to read 🙂
#StyleGuides
Style Guides as Products – how styleguides need to address pain points of the people using them to get adopted
#Atomic Design
4 Things I Know About Pattern Libraries
#CSS
Aspect Ratios in CSS are a Hack – interesting wrap up of different techniques so far
#UX #Animation
6 Animation Guidelines for UX Design
#Forms
“Inline validation is problematic so show errors on submit instead” hum, strange conclusion for this article. Just because it’s challenging doesn’t mean we should go back to less user friendly patterns, especially on mobile. We need better solutions
#PWA
Building m.uber: Engineering a High-Performance Web App for the Global Market
Inspiration and Great ideas
#Typography
Type with Pride: A typeface in honor of the creator of the iconic Rainbow Flag
Webdesign news
#Sketch
A redesigned color popover, better plugin management and more in Sketch 45
Tutorials
#CSS
Handling Long and Unexpected Content in CSS – paying attention to those small little details
#CSS #GridLayout
Grid layout, grid layout everywhere! Nice little explanation on what grid layout can do for you
#HTML5 #Forms
Form Validation Part 1: Constraint Validation in HTML
Useful resources, tools and plugins that will make your life easy
#Sketch
A Sketch Plugin to help you duplicate, rotate and scale the smart way
#WordCount
Fun, games, experiments and demos
#Job
What if companies interviewed translators the way they interview coders?