La semaine en pixels – 11 Novembre 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.

La sélection de cette semaine : accessibilité pour les débutants, outils pour générer des palette de couleurs accessibles, ressources pour designer pour les daltoniens, design inclusif, notifications et expérience utilisateur, démos filtres CSS, redesigner pour le « dark mode »,  concevoir des design systems, couleurs CSS HSL, CSS grid layout, avenir de l’architecture d’information, etc.

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

J’ai publié un truc cette semaine

Les liens en français

#Conference

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

#Accessibilité

« The Web Accessibility Introduction I Wish I Had  » une chouette introduction aux bases de l’accessibilité

Les articles de la semaine

#Accessibilité

  • Forging a New Path for Disabled Design: An Interview with Liz Jackson, une interview vraiment intéressante : l’empathie et le « design thinking » ne suffisent pas lorsqu’il s’agit de concevoir pour les personnes handicapées, il faut les embaucher et de les intégrer à l’équipe et pas seulement s’en service comme source d’inspiration
  • 5 Digital Accessibility Myths Busted : l’accessibilité est un effort d’équipe, ne coûtera pas plus cher si elle est planifiée dès le départ, elle profitera à de nombreuses utilisatrices et les sites accessibles ne sont pas laids. La preuve, de site est accessible et pas moche (enfin, j’espère)

#UX

  • Don’t @ me – une lecture intéressante sur les notifications, comment elles ont été abusées et comment les améliorer : timing, personnalisation, etc.
  • The future of Information Architecture, ce qu’est l’architecture de l’information et pourquoi elle est importante et le sera encore plus pour les IA et les interfaces conversationnelles.

#Design #CSS

Redesigning your product and website for dark mode – redessiner votre produit et votre site web pour le « dark mode » des OS. Ca sera aussi très cool quand les media queries pour détecter la lumière ambiante seront supportées

#Design Systems

Build your design system like the pros, construisez votre design system comme les pros, une série de vidéos par Brad Frost, Dan Mall et Josh Clark

#Video Game

« Current And Former Employees Sue Riot Games For Gender Discrimination« , le rapport a révélé que la soi-disant « bro culture » de Riot inspire et, dans certains cas, récompense des comportements qui désavantagent les femmes.

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

#Filters

CSS Photo Effects & Filters From CodePen

#CSS

L’actualité webdesign

#CSS

The CSS Working Group At TPAC: What’s New In CSS? quoi de neuf à venir dans CSS ?

Tutoriels

#CSS #HSL

« On Switching from HEX & RGB to HSL » par SaraSoueidan. J’adore HSL, comme elle l’explique, ce format de couleur rend les variations de couleurs très faciles. J’utilise le L pour créer des variations pour les boutons survolés et actifs par exemple (en CSS et Sketch)

#CSS Grid

Simple Named Grid Areas

Des ressources outils et plugins pour vous faciliter la vie

#Couleur et #Accessibilité

  • Palx, un outil pour générer une palette de couleurs
  • Coloru Matrix, un outil pour vérifier le rapport de contraste des différentes couleurs les unes par rapport aux autres
  • Accessible color palette builder, un autre outil pour vous aider à construire des palettes de couleurs accessibles
  • wearecolorblind.com rendre le monde meilleur pour les daltoniens – articles et ressources

Vous souhaitez des conseils en ergonomie ou en expérience utilisateur ? Un design de site, d’interface ou d’application mobile ? Envie de travailler ensemble ou de m’inviter à donner une conférence ? Consultez mes réalisations ou contactez moi directement.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.