Pixels of the Week – June 3, 2018

This content is 6 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: Sketch tricks, accessibility tools, web push notifications,  icon design, personas, design systems, voice interfaces, CSS resets, artificial intelligence, understanding CSS cascade, consistency in interfaces, Japanese trains experience,  wheelchairs accessibility and some typography inspiration.

You can follow me on twitter to get a dose of links every days.

TL;DNR the one you should not miss

#Sketch

Sketch discovery of the day: if you hold command while hovering the handles of an object you get the little arrow to rotate it without using the transform box. WHY didn’t I know that before??

#CSS

How CSS works: Understanding the cascade” an essential read for everyone, yes, everyone even you Jean Michel Reactangular, who will need to deal with CSS at some point.

Interesting article

#UX

#Front-End

#Accessibilité

Curb Cuts – the history of disabled people in wheelchairs trying to make their environment more accessible

#GDPR

3 things to keep in mind before you design for GDPR (explicit consent FTW BYE BYE deceptive patterns and auto-checked checkboxes)

#Design

Everything you need to know about Design Systems

Inspiration, fun demos and Great ideas

#Grid

Super nice 😮 Grid Layout with Motion Hover Effect and Content 

#Typography

36 Days of Type 05, an incredible video putting all the letters in motions

Webdesign news

#Webdesign

2017 UI Design Report by Avocode

Tutorials

#Illustrations

Great article with a lot of tips and illustrator tricks to design icons: Nucleo Icon Guidelines

#jQuery

Replacing jQuery With Vue.js: No Build Step Necessary

#Push

Web Push Notifications Demo – an interesting an beautiful design tutorial on push notifications

Useful resources, tools and plugins that will make your life easy

#A11Y

If you are looking for some tools to help you make websites and web apps more accessible, here you go

#Sketch

A plugin to turn off the grid on ALL artboards in Sketch, LIFE (it’s turned on by default if you use google’s material design plugin, no idea why ^^) SAVER