La semaine en pixels – 5 août 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.
Au programme : data visualisation et couleurs, une vidéo sur CSS grid et les grands changements CSS, des librairies de styles de calque et texte qui arrivent sur Sketch, attentes dans le design de produits, exclusions CSS, des dark patterns, un guide pour designer des boutons « toggle switch », xlink:href déprécié en SVG, 2 polices gratuites, les bannières PWAs revisitées, apprendre le JavaScript avant d’attaquer les frameworks et plus encore.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
Les liens en français
#Fonts
Scarponna and Caturigas, deux nouvelles polices gratuites préparées avec amour par Laurence Vagner
tl;dnr, s’il devait n’en rester qu’un ?
#UX
Toggle-Switch Guidelines, une ressource à lire absolument pour vous aider à créer des « toggle », ces boutons on/off sur les sites et applications mobiles
Les articles de la semaine
#UX
- Behavioural archetypes instead of personas, les archétypes comportementaux, une technique interessante pour comprendre les utilisateurs
- Dark Pattern Design — It’s Downright Unethical & Irresponsible, une liste de dark patterns
- Amazon Dark Patterns – Censuring Unhappy Customers un article entier dédié à un dark pattern chez amazon
#Mobile
- Is your website optimized for smart fridges? votre site est-il optimisé pour les frigos connectés ?
- What Should Designers Know About Universal App? –Apple réinvente le responsive pour les applications natives (des années après Android :D)
- New in Chrome 68 , les nouveautés chrome 68 avec un gros changement sur le comportement et implémentation de la bannière d’installation de la PWA
#Design produit
- Product Design: Expectations vs Reality – nos produits sont faciles à utiliser jusqu’à ce qu’on décide d’ajouter 150 fonctionnalités, un excellent article sur le design produit
- Six lessons learned by creating a design system at a fast-moving start-up, maintenir un design système, merci les symboles Sketch
#Front End
- What if CSS Grid Changes? une vidéo de 10 minutes de @jensimmons sur l’apprentissage de nouveaux outils et nouvelles spécifications CSS et le temps à investir
- CSS exclusions with Queen Bey – les exclusions CSS, une spécification CSS assez pratique mais au support très limité
- Hum, zut, xlink est déprécié On xlink:href being deprecated in SVG
- You SHOULD Learn Vanilla JavaScript Before JS Frameworks, apprendre le JavaScript avant de se lancer dans les frameworks
#Couleurs
« Your Friendly Guide to Colors in Data Visualisation » un excellent article pleins d’outils pour vous aider à créer des data visualisations
#Entreprise
Offboard as a designer – quitter son entreprise, oui mais pas n’importe comment
De l’inspiration, du fun et de jolies idées
#Fake News
Snakes have legs. Arrêtez d’être stupides sur les Zinternets. (vidéo)
#Jeu CSS
Pure CSS stack, un jeu marrant en CSS où il va falloir empiler des blocs
L’actualité webdesign
#Navigateur
Des ressources outils et plugins pour vous faciliter la vie
#Zoom
Zooming, un script pour zoomer sur des images
#Sketch
Utilisatrices de Sketch, nous avons désormais des Libraries pour les styles de texte et de calques.
Vous allez avoir besoin de cette astuce pour tout convertir : « How to replace Text and Layer Styles with Library Styles?”
