La semaine en pixels – 20 janvier 2019

Ce contenu a été rédigé il y a 5 ans. Il se peut qu'il ne soit plus à jour.

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 : spécificité CSS, problématique de recherche utilisateur, processus UX, iconographie, design de dashboard, accessibilité et daltonisme, séparateurs de contenu visuels, filtres SVG, une sélection d’outils UI/UX, images de chats monorail, bibliothèque d’animation Javascript, etc.

Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)

tl;dnr, s’il devait n’en rester qu’un ?

#CSS

How CSS specificity works in the browserun excellent article qui explique comment fonctionne la spécificité CSS

Les articles de la semaine

#UX

  • Research Questions Are Not Interview Questions: la problématique de recherche utilisateur n’est pas forcément la question que l’on pose directement aux utilisatrices
  • What is your UX process? – great read. Quel est votre processus UX ? Cette partie m’a fait sourire : « les équipes de développement attendent que votre design leur soit finalisé et livré », dans la plupart des cas, ils commencent juste à développer et vous espérez rattraper avec des maquettes plus tard
  • UX/UI Designer Tools –Une sélection d’outils UX et UI

#UI

  • Rappel rapide « 10 règles pour un meilleur design de tableau de bord » : 10 rules for better dashboard design
  • Separating Content (by using divider lines), utiliser des séparateurs visuels dans les contenus, j’ai lu un article de quelques semaines qui préconisait le contraire dans une optique de design minimaliste. En fin de compte, séparateurs, pas de séparateurs, c’est surtout une question de style, tant qu’on arrive à trouver un moyen de regrouper visuellement le contenu.
  • Will Adobe XD kill Sketch and InVision Intéressante comparaison entre Adobe XD et Sketch. Je pense également que Adobe XD est disponible sur Windows, donc plus grand marché . Soyons réalistes, beaucoup de grandes entreprises sont encours sous Windows et Sketch ne peut pas cibler ce marché :/ 

#Front-End

#Accessibilité

Color Blindness Considerations for Designers and Content Managers, considérations pour designer une interface accessible pour les personnes daltoniennes

#Icones

Iconography. Good or bad? As always, it depends, les icônes, bonnes ou mauvaises, ça dépend

#Illustrations

5 More Basic Tips for Illustrating” really nice illustrator tips. Astuces sur Illustrator, le copier coller au même endroit a changé ma vie

De l’inspiration, du fun et de jolies idées

#CSS

CSS Grid: Train Ticket #CSS #HarryPotter

#Cats

Photographer Sabrina Boem Beautifully Captured The Monorail Cats, des photos de monorail cat

Tutoriels

#Front-End

Chrome DevTools: The five most popular DevTools tips from 2018 5 astuces avec l’outil de dev de chrome

Des ressources outils et plugins pour vous faciliter la vie

#Faketext

Jeffsum –Un petit générateur de texte façon  « Jeff Goldblum »

#JS

Une bibliothèque d’animations JavaScript <3

#Font

Un autre outil sympathique pour vous aider avec l’association de polices d’écriture