La semaine en pixels – 9 février 2018
Chaque semaine, un condensé de ma veille web design, UX (expérience utilisateurs), design d’interface et mobilité, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre (illustrations, photos, sites web, etc.)
Au programme : design de tableaux de données, PWA sur desktop, conseils pour les animations d’interface, pourquoi le rendu Sketch et celui d’iOS sont très différents parfois, le design thinking expliqué, l’analyse du language et les interfaces conversationnelles, des conseils si vous designer pour l’impression, un script pour détecter faux italiques et gras, apprendre à dire « je ne sais pas (encore) », la bibliothèque Sketch n’est un design System et des tutoriels CSS.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai publié un article et une vidéo de conférence cette semaine
#Tableaux
Des ressources pour designer des tableaux de données complexes, ma liste de ressources pour vous aider à designer des tableaux complexes
#Performance
Cheating The UX When There Is Nothing More To Optimize, la vidéo de ma Smashing conférence à Barcelone sur la perception de la performance est en ligne
tl;dnr, s’il devait n’en rester qu’un ?
#Sketch #iOS
Why Your App Looks Better in Sketch. pourquoi les rendus des couleurs, fonts, dégradés sont différents entre Sketch et votre application iOS même en utilisant les mêmes données
Les articles de la semaine
#Design / #UX
- How to solve problems applying a UXdesign Design thinking HCD or any Design Process from scratch v2, explication du design thinking
- Print design tips for the digital age – si vous travaillez sur un projet qui sera imprimé voici quelques conseils de base
- The Best UX is No User Interface at All, des examples de NPL et d’interface conversationnelles
- I don’t know, dire je ne sais pas (encore) est compliqué mais reste la façon la plus humble et honnête de présenter votre travail
- A quick read on Website Sameness™
- Turning Twitter’s Feed on its Head. remettre les utilisateurs au centre de twitter
- Your sketch library is not a design system, votre librairie Sketch n’est PAS un design system
#PWA
- Microsoft is turning Progressive Web Apps into Windows apps et
- PWA on desktop, deux article sur amener les PWAs sur desktop
- Workers at Your Service
#Animations
- Get started with motion design in 9 steps. des conseils pour animer vos interfaces illustrés de jolis GIFs
#Front-End
Dark patterns with the HTML 5.2 <dialog> tag and Chrome for fun and profit. meeh :(
#Productivité
Interruption is Not Collaboration interrompre n’est pas collaborer, 23 minutes de podcast sur la productivité et les interruptions au travail
Tutoriels
#CSS
- Using Initial Keyword in CSS initial et inherit en CSS
- « How I design with CSS grid » un petit tutoriel pour construire une interface avec CSS grid layout
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Typographie
Pour les typofans, faux pas, a faux web font detector est un script qui vous permet de détecter le faux gras et faux italique
#Difference