Pixels of the Week – June 3, 2018
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
- “If you hire a carpenter to build you a table and the finished product doesn’t fit your space, you don’t blame the hammer, you blame the craftsman.” Krista Sinis says that Personas Aren’t The Problem… Your Methodology Is!
- Making the Shift from Designing GUIs to Designing VUIs, on designing voice interfaces
- The Elements of AI, a free online course by the University of Helsinki
- “The Intuitive and the Unlearnable”, a great read on metaphors and consistency in interfaces
- The Amazing Psychology of Japanese Train Stations – inspiration for service design for trains in other countries?
#Front-End
- A Brief About CSS Reset and Normalize, another of those CSS basics read 🙂
- Solving Life’s Problems with CSS, with some interesting border radius tricks
#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
