La semaine en pixels – 6 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 : performance d’images, design de logo, experience utilisateur, bonne pratiques de sites e-commerces, guide de typographie, les interfaces sombres, de la décoration de liens, tutoriels CSS et SVG, outils d’accessibilité et librairie drag and drop en JS.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#Performance
Essential Image Optimisation, un ebook par Addy Osmani
Les articles de la semaine
#Logo
Over 150 People Tried To Draw 10 Famous Logos From Memory, And The Results Are Hilarious
#UX
Why warm-up questions can be the most important part of a user interview. les questions avant les interviews utilisateur permettent de briser la glace
#UX #Ecommerce
Best Practices Product Image Gallery, des bonnes pratiques pour une galerie d’image
#UX
An Introduction to Interaction Flows –processus et livrables intéressants pour communiquer le flux d’interaction
#Typographie
A Five Minutes Guide to Better Typography – un guide pour la typographie
#UI
Dark UIs. The Good and the Bad. Dos and Don’ts.
De l’inspiration et de jolies idées
#Tendance
Tiny Trend #7: Chunky, Overlapping Underlines – un effet sympa mais parfois illisible
Tutoriels
#SVG
Une technique sympa pour un logo qui change de couleur au scroll: Using SVG clip-path to change a logo’s colour on scroll
#CSS
CSS Grid PlayGround par Mozilla
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Icons
iOS 11 Glyphs (Tab Bar Icons), un pack d’icônes pour iOS11
#Icons #Keynote
Un outil pour convertir des fichiers Illustrator en Keynote pour avoir des icônes vectorielles dans keynote
#Accessibility
Axe Chrome extension, une extension Chrome pour auditer l’accessibilité de votre site
#Microcopie
Effective examples of clear, concise — and sometimes quirky — copy.
#JS #Drag and drop
drag and drop JS, une librairie JS pour faire du drag and drop avec un site très sympa
Pour le fun: jeux et démos sympas et impressionnantes
#Papyrus
Trolling level 100: Years after Avatar’s release, there’s one thing Steven (Ryan Gosling) just can’t get over
