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