Favoris

Quelques liens favoris que j'ai en bookmark :)

Le must

• ARIA Authoring Practices Guide : guide des bonnes pratiques d'accessibilité, du W3C

Outils

• 1 line layout : une petite collection de snippets rapides en css pour les layouts récurrents
• Animista : Générateur d'animation CSS
• Shadows : Générateur d'ombre CSS
• SVGOMG : Minification de SVG
• Modern fluid typography editor : pour enfin trouver la formule parfaite pour un texte responsive
• Material Design Palette Generator : pour générer des palettes Material Design
• Can I include a tag to a tag? Based on HTML Spec WHATWG : permet de savoir si on peut inclure telle balise HTML dans une autre

Inspiration de composants

Pour quand je développe un composant d'UI et que j'ai besoin d'inspiration

• Component Encyclopedia de Storybook

Design systems

• Clarity (VMware) (Angular)
• Carbon (IBM)

Storybook

• Talend
• Vibe (monday.com)
• Audi
• Storybook utilisé en tant qu'outil pour développer un jeu vidéo :
  • Article https://dev.to/foxhoundn/storybook-as-a-game-development-tool-with-demo-5203
  • Et storybook ici

Veille

UX/UI & Accessibilité

• Hello Bokeh, blog d'Anne-Sophie Tranchet (en français) - accessibilité et ux
• La lutine du web, blog de Julie Moynat sur l'accessibilité (en français) et son wiki
• Stéphanie Walter, blog en français et en anglais - recherche utilisateur et ux

Dev

• Ahmad Shadeed, css (en anglais)
• CSS Tricks, un classique qu'on ne présente plus
• Josh Comeau, react, Gatsby et css (en anglais)
• Léa Verou, blog css et membre du W3C TAG (en anglais)
• Mélanie Richards , un vrac de projets persos intéressants, dev avec Eleventy, et utilisation de Netlify (en anglais)
• Sara Soueidan (accessibilité côté dev, html, css, svg)