La semaine en pixels – 19 septembre 2014

Comme chaque semaine,  je vous propose 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 webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.). Ne manquez surtout pas les slides du workshop de Mark Geyer consacré à l’animation d’interface, c’est long mais très complet ! Une jolie sélection d’articles entre accessibilité, perception de la performance des JPG progressifs par les utilisateurs, psychologie cognitive et compréhension du vertical-align devrait contenter designers et intégrateurs. Du côté des outils vous trouverez de quoi tester du responsive et un petit plugin Photoshop pour l’export de vos éléments.

Pour plus de liens vous pouvez me suivre sur twitter. Bonne lecture :)

tl;dnr, s’il devait n’en rester qu’un ?

#Animation

Interface Animations, les slides très complets du workshop de @markgeyer sur les animations d’interface

Les articles de la semaine

#Picture #Image Responsive

Pour vous donner mal au crâne dès le matin, la syntaxe de l’élément picture très bien expliquée : Built-in Browser Support for Responsive Images

#Accessibilité

Making Modal Windows Better For Everyone : rendre les fenêtres de modale accessibles à tous

#Performance #UX

Progressive JPEGs: Good? Evil?  Une étude sur la perception des JPG progressifs par les utilisateurs

#Psychologie

The History of Cognitive Overload un article long mais très intéressant sur la surcharge cognitive

#Onboarding #UX

Are You Making These 5 Common User Onboarding Mistakes?  5 erreurs de “première expérience utilisateur” avec votre applications / produit que vous devriez essayer d’éviter

#CSS

All You Need To Know About Vertical-Align tout tout tout sur la propriété vertical-align pour mieux comprendre pourquoi les icônes sont pas super bien alignées quand on l’utilise. (Oui oui le CSS c’est bidon, huhu)

Les Nouveautés webdesign

#iOS8

iOS8 va supporter pas mal de nouveautés HTML5/CSS3, yeahy :)

De l’inspiration et de jolies idées

#Concept Art

Des concept arts pour Dragon 2 : <3 et <3

#Video

If iPhone6 was a movie, une fausse bande annonce très bien réalisée

#Illustrations

Orlincultureshop.com colors, colors and colors <3

#Photos

Mignon et joliment réalisé : Photos of a beloved bull terrier posed in funny, imaginative scenes

Et pour finir un petit WTF : le clavier GIFs animés.

Des ressources utiles

#Video #Accessibilité

Sympathique de voir que Paypal travaille sur de l’accessibilité et propose un player videos HTML5 accessible : Introducing an Accessible HTML5 Video Player

#Responsive

Un outil pour tester le  responsive design que vous pouvez aussi installer sur votre serveur

#Prototype #Freebies

Cette semaine sur le blog pour pouvez tenter de gagner 2 abonnements à Marvel, un outil de prototypage en ligne.

Des outils  et plugins pour vous faciliter la vie

#Photoshop

LayerCraft, un petit plugin Photoshop gratuti pour exporter rapidement les assets de vos compositions (ça ressemble beaucoup à DevRocket)

Pour le fun: jeux et démos sympas et impressionnantes

#Bézier

Morning procrastination: The Bézier Game, un jeu pour apprendre à dessiner les courbes de Bézier