La semaine en pixels – 29 juillet 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.
Au programme : de jolies icônes, ajouter des fonctionnalités à un produit, UX et storyboard, un pense bête pour vous aider avec Flexbox, les PWAs, des tendances UI, des illustrations, une checklist pour les développeurs front-end, des erreurs de design facile à éviter, un éditeur de dégradés, les CSS pointer event, des règles de design, proposer une meilleure expérience utilisateur pour les utilisateurs et utilisatrices queer sur le web, des variables CSS et bien plus encore.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#Flexbox
The Complete Illustrated Flexbox Tutorial, un guide illustré pour vous aider avec Flexbox
Les articles de la semaine
#UX and #UI
- Storyboards Help Visualize UX Ideas, UX et storyboard
- Fake UX Jobs and how to Spot Them (and avoid them) – une excellente lecture sur la maturité UX des entreprises
- 10 steps for a better queer user experience – améliorer l’expérience des personnes queer en 10 étapes, ouiiii oui et oui
#Design
- Une excellente lecture sur les erreurs de design à ne pas commettre pour les débutants et étudiants « Common webpage design mistakes«
- 6 Laws that Help You Create a Better Design, 6 lois de design expliqués
- How to add product features without making it more complex, ajouter une fonctionnalité sans rendre le produit trop compliqué
- Des tendances pour votre inspiration 10 Popular UI Design Trends on Dribbble in 2018
#Front-End
- Fractional, Ethan Marcotte on the CSS fr unit, grid layout and responsive design, les unités fr en CSS
- Stuff you can do with CSS pointer events, les pointer events
- Weird things variable fonts can do, des trucs funs à faire avec les variables fonts
#Illustrations
Good illustration matters, pourquoi avoir de belles illustrations c’est important
#PWAs
Progressive Web Apps 101: the What, Why and How, les PWAs, qui quoi comment
Des ressources outils et plugins pour vous faciliter la vie
#Icones
Streamline 3.0 is out!! Vincent vous a préparé un gros pack d’icônes en 3 graisses; compatible Sketch, figma, hotjar et bien plus
#PWA
PWACompat, une librairie qui « automatise » le manifest et d’autres aspects des PWAS, Attention cependant à certaines fonctionnalités iOS, je vous laisselire l’article de @firt sur le sujet
#CheckList #FrontEnd
3 Essential Front-End Checklists for Web Developers, 3 checklist pour les développeurs front-end
#Dégradés
Un outil pour faire de jolis dégradés avec des modes de fusion gradientsguru.com
#SVG
