La semaine en pixels – 10 Mars 2019
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 : conseils pour votre portfolio, UX et GDPR, création d’une palette de couleurs accessible, biais cognitifs, global swatches sur Illustrator, animations CSS avec « Jumps », l’accessibilité comme outil de conception, démystifier l’accessibilité, CSS Custom Properties, échecs et accessibilité, WebAIM analyse l’accessibilité de 1 million de sites, générateur de stock photos, jeu de sélecteurs CSS, etc.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai co-animé un atelier
#UX #Cognitive Biases
Cette semaine avec Laurence Vagner nous avons co-animé un atelier sur les biais cognitifs pour UX in Lux.
tl;dnr, s’il devait n’en rester qu’un ?
#Accessibilité
Si, comme moi, vous avez parfois une couleur de texte qui ne contraste pas suffisamment avec le fond et que vous cherchez une alternative, voilà quelques conseils pour créer une palette de couleurs accessible : Tips to Create an Accessible and Contrasted Color Palette
Les articles de la semaine
#UX
- Yvonne Gando, Google Senior UX Writer on Portfolio Tips to Break into UX, des conseils pour améliorer votre portfolio
- What does GDPR mean for UX? – Claire Barrett, Que signifie GDPR pour l’expérience utilisateur?
- User interfaces: hiding stuff should be a last resort – Interfaces utilisateur : cacher des éléments devrait être un dernier recours. Je suis 100% d’accord avec @adambsilver sur ce point, c’est encore pire sur mobile, que faites-vous avec les éléments que vous cachez derrière un survol si l’utilisatrice n’a pas de souris, eh bien, hum, hum, hum, bien….
#Accessibilité
- Accessibility, a powerful design tool – L’accessibilité et un outil de conception puissant – l’accessibilité aide à réduire les décisions de conception et à créer de meilleurs produits pour toutes et tous
- How to Fail at Accessibility, comment promouvoir l’accessibilité dans une équipe
- The WebAIM Million, une analyse de l’accessibilité de 1 million de pages, c’est pas très joli tout ça :/
- Demystifying Accessibility: Do only highly disabled people benefit from it? Démystifier l’accessibilité : Seules les personnes très handicapées en bénéficient-elles ?
#CSS
- Did you know that CSS Custom Properties can handle images too?
- Très bien écrit, d’excellents exemples et facile à comprendre en buvant votre café du matin, la face sombre de CSS Grid Layout (1e partie) The Dark Side of the Grid (Part 1) – Manuel Matuzović
#Illustrator
Adobe Illustrator Global Swatches. les couleurs globales de illustrator
#Mobile
YouP goes progressive with new mobile web apps for Android and iOS, YouP a désormais une PWA pour Android et iOS
#Ecriture
Myriam Jessier vous a préparé un petit article pour vous aider à rédiger pour le web: The Right Way to Write : Focus on Readability
#Design
“I don’t know”, dire « Je ne sais pas encore, mais donnez-moi une semaine pour comprendre que c’est » est l’une des choses les plus honnêtes qu’on puisse dire dans une réunion.
#Diversité
Il est temps de reconnaitre ce sentiment d’épuisement qui vient du fait d’être la seule personne d’une identité particulière dans un environnement pour ce qu’il est : « L’épuisement de la représentation. » Elle touche une foule de gens qui se retrouvent à être les « seuls » quelque chose dans un environnement : Why We Need to Talk About—and Recognize—Representation Burnout
L’actualité webdesign
#WebAuth
W3C approves WebAuthn as the web standard for password-free logins – Le W3C approuve WebAuthn comme standard Web pour les connexions sans mot de passe
Tutoriels
#Cache
Cache-Control for Civilians – pour vous aider à prendre le contrôle du cache
#CSS #Animations
« Jumps: The New Steps() in Web Animation » Je ne connaissais pas cette propriété très utile si vous voulez sauter un état de début ou de fin dans une animation CSS.
Des ressources outils et plugins pour vous faciliter la vie
#Photos
Les gens d’Icon 8 ont créé un outil qui vous permet de créer vos propres stock photos J’aime beaucoup le fait qu’ils ont compris que cet outil sera également utilisé comme générateur de memes.
#Accessibilité #Couleurs
« Accessible Brand Colors« , un autre outil pour vérifier le contrast text/couleur de fond votre charte
#CSS #Selecteur
Un petit jeu pour vous aider à comprendre les sélecteurs CSS « CSS selectors cheatsheet«
