La semaine en pixels – 1 décembre 2017
Comme chaque semaine, un condensé de mes lectures et ma veille web design et graphisme, expérience utilisateurs, design d’interface et mobilité, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.
Au programme : un guide pour faire des revues d’UX, l’experience utilisateur des masques de champs localisés, l’évolution du processus de design, comment les designers deviennent des personnes qui résolvent des problèmes, que peuvent faire les PWA pour vous, des starters Grid Layout, des conférences CSS, une checklist pour l’intégration, des animations en JavaScript et des plugins pour nettoyer vos fichiers Sketch et y créer des animations.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#CSS
If you’re looking for CSS talks to watch, here is a whole list :)
Les articles de la semaine
#UX
- How to do a UX Review: The Definitive Guide, un article qui vous explique comment faire une UX review, où et comment trouver les statistiques etc.
- Form Field Usability: Consider Using Localized Input Masks for ‘Phone’ and Other Restricted Inputs (64% Don’t) via Baymard, point sur les masques de champs localisés
#Design
- « RE: The end of Design as we know it » ou comment les designer resolvent des problèmes
- Introducing design systems, petite introduction aux design systems
- Where to Spot New Design Trends: 15 Sources to Stay Fresh, si vous êtes à la recherche de tendance design cet article va vous plaire
- The web is ready for great graphic design, CSS grid layout permet de faire de grandes choses
#Responsive
- How to Design a Large Scale Responsive Site, un processus responsive détaillé
- Designing for Breakpoints par Stephen Hay, un article de 2013 sur comment définir ses points de rupture en responsive web design qui est toujours d’actualité
#Produit
« The best visual description of a company I’ve ever seen, as simple as that », le coeur du produit résumé en une matrice, qui peut en faire de même avec son produit ?
#PWA
Designing For A Browserless Web, great article on what Progressive Web Apps can do for you, un article très utile sur les super pouvoirs des Progressive Web Apps
#Front-end
Optimizing CSS: Tweaking Animation Performance with DevTools
#Resume
« 6 things I hate about your design CV », les 6 choses à éviter dans un CV, numero 1, les graphiques qui veulent rien dire sur vos compétences
De l’inspiration et de jolies idées
#Illustration #Typographie
Garamond Corpvs, un mélange de planches anatomiques et de lettrage, sublime (si vous savez pas quoi m’offrir pour Noël :D)
Tutoriels
#JS
Animating Layouts with the FLIP Technique utiliser une technique qui inverse les animations pour les rendre plus fluides
#Front-End
The Front-End Checklist – un outil de checklist front-end pour votre projet
#CSS
- CSS Grid Starter Layouts, des astuces grid layout
- Learn CSS Grid in 5 Minutes – une introduction au grid layout en 5 minutes
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Inspiration
designercize.com un outil en ligne qui vous donne des petits challenge de design random
#Sketch
- Sketchcleaner – un plugin pour nettoyer vos fichiers Sketch
- Diya, un plugin Sketch pour animer les éléments directement dans le logiciel, hâte que ça sorte officiellement