La semaine en pixels – 27 Octobre 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 : experience utilisateur (méthodes, metrics, interview utilisateur etc.), perception de la performance, typographie, syndrome de l’imposteur, tutoriels illustrator, conseils pour votre portfolio, utilisation de CSS box shadow et drop shadow, demos CSS sympa, le JavaScript moderne expliqué aux dinosaurs, etc.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai publié un truc cette semaine
#UX #Performance Améliorer l’experience utilisateur grâce à la perception de la performance, ma conférence à Smashing Conference Barcelone
tl;dnr, s’il devait n’en rester qu’un ?
#UX
Hey, can you ‘do the UX’ for us? un excellent article sur les mythes de l’experience utilisateur qu’on entend parfois
Les articles de la semaine
#Typographie
Your Guide for When to Use Despised Fonts, ces polices détestées et quand les utiliser, round 2
#Bons conseils
Confessions Of An Impostor, un excellent article sur le syndrome de l’imposteur par @mishunov avec pour une fois de bons conseils
#UX #UI
- UX Maturity Model: A tool to improve collaboration with the UX team
- 5 Myths about UX metrics
- How to Use Topic Maps to Run Generative User Interviews – une méthode interessante pour aider les interviews utilisateur
- Quelques conseils pour faire un portfolio user centric How to make your resume as user-centred as you are
#Performance
- A Bone to Pick with Skeleton Screen, les squelettes d’interface passé au test
- Perception de performance, du chargement progressif d’image Material Design has an interesting solution for progressive image loading
#Front-end
- Modern JavaScript Explained For Dinosaurs
- A goodbye to Firebug. j’ai connu Firebug depuis mes débuts quand je codais encore du coup c’est un petit pincement au coeur de le voir
#CSS
- Breaking down CSS Box Shadow vs. Drop Shadow (the CSS filter)
- It’s been 21 years since the first CSS grid layout model was proposed.
#Illustration
How I became an Illustrator by discovering a new dimension – de bons conseils si vous êtes nul en 3D comme moi
De l’inspiration et de jolies idées
#CSS
- une demo CSS d’effets duotone
- CSS Tinted Background Overlay, une autre demo de superposition de couleurs et fond
#Design
- Haan je suis fan de ce studio, leur design et leurs petit pins
L’actualité webdesign
#Illustration
- Une astuce Illustrator pour créer facilement des trapezoids : how to draw a trapezoid
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Front-end
- DevTools Tips for Progressive Web, pleins d’astuces pour debuguer les PWAs avec la console de chrome
- frontendchecklist.com, parce qu’on a souvent pas mal de choses auxquelles il faut penser avant la mise en production, cette petite checklist sera utile