Pixels of the Week – 23 June, 2017

Pixels of the Week – 23 June, 2017

This content is 7 years old. Remember that the following content might be outdated.

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

This Word Counter is going to my bookmarks 🙂

#Links

Emojify – an emoji link shortener!

Fun, games, experiments and demos

#Job

What if companies interviewed translators the way they interview coders?