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

• Le retour de Marie Guillaumet sur la DevFest Nantes 2018
• Retour sur We Love Speed 2018 – Une journée de partage pour les amoureux de la web-performance !

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

• Recreating the Red Dead Redemption 2 Tintype Loading Screen Effect in CSS – Recréer d’écran de chargement de Red Dead Red Redemption 2 en CSS
• Codevember is back

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