La semaine en pixels – 22 janvier 2015

La semaine en pixels – 22 janvier 2015

Ce contenu a été rédigé il y a 10 ans. Il se peut qu'il ne soit plus à jour.

Cette semaine c’est avec un peu de décalage horaire que 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.).

Au programme :  performance et poids des pages, experience utilisateur et branding, questionnement sur le flat design, évolution des affordances visuelles, de jolies choses pour vous inspirer, de quoi rogner des images en CSS, une police gratuite revival de la Calson et des outils comme toutes les semaines.

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

A ne pas manquer : mythes sur les utilisateurs mobiles, perception des couleurs et de la performance, application de glossaire UX et outil d’animations CSS dans le navigateur

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

#Typographie

Fontpair.co un service pour vous aider à accorder des polices d’écriture

Fontpair.co

Les articles de la semaine

#Performance

Time to check your data usage? The average page served to mobile devices is now 1 MB in size. nos sites sont de plus en plus lourds

Time to check your data usage? The average page served to mobile devices is now 1 MB in size

#UX

UX is Key to Branding. Here’s Why, l’expérience utilisateur comme clé de votre identité de marque

UX is Key to Branding. Here’s Why

#Design

Has Visual Design Fallen Flat?  une réflexion sur le design actuel de sites qui commencent à se ressembler de plus en plus

Has Visual Design Fallen Flat?

#Design

The Evolution of Digital Affordances un excellent article sur l’évolution des affordances dans nos IHM et ce vers quoi nous nous dirigeons dans le futur

The Evolution of Digital Affordances

De l’inspiration et de jolies idées

#Game #Video

Le teaser du jeu Cyberpunk 2077 est tout simplement magnifique

Cyberpunk 2077

#Illustration

Zodiac signs as monsters and some other digital illustrations by Damon Hellandbrand

Zodiac signs as monsters

#App #Aide

Be My Eyes, une application qui connecte des non voyants avec des volontaires voyants pour les aider dans certaines tâches, une bien jolie idée

Be My Eyes

#Making Off #Lego

Je suis love <3 The LEGO Movie – « Creating the Bricks »

The LEGO Movie - "Creating the Bricks"

#Panier

De l’inspiration pour des effets de panier d’achat sur Codrops

Les tutoriels de la semaine

#CSS

Centrer et rogner des images en CSS avec object-fit: cover

Des ressources utiles

#A11Y

tenon.io un petit outil en ligne pour tester l’accessibilité de vos sites (ou de votre code HTML)

tenon.io

#Test

Yellow Lab  Tools –  outil en ligne pour tester et accélérer ses pages

Yellow Lab  Tools

#Typography

Libre Caslon, un revival gratuit de la célèbre police de William Caslon

Libre Caslon

#GIF

Gif2sprite.com, un outil en ligne pour transformer vos gifs en sprites CSS

Gif2sprite.com

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

#CSS

Instant Geek : css style for ascii-art

css style for ascii-art