La semaine en pixels – 1 août 2014

La semaine en pixels – 1 août 2014

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

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.). Utilisabilité d’icônes, performance et mobilité : une jolie liste de lecture pour votre weekend. Vous trouverez aussi des outils pour la typographie, comprendre les rendus CSS et de quoi créer facilement des animations dans le navigateur.

Pour plus de liens n’hésitez pas à me suivre sur twitter. Bonne lecture :)

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

#Typography

Fontface ninja un plugin navigateur et bookmarklet pour explorer et jouer avec les polices d’un site

Fontface ninja

Les articles de la semaine

#Mobile #Fixed

Fixed and inflexible quelques retours sur le positionnement fixe d’éléments sur mobile

Fixed and inflexible

#Burger Icon

Faut-il abandonner les menus façon hamburger ? un condensé en français

Faut-il abandonner les menus façon hamburger ?

#Icon

Icon Usability : comprendre les enjeux d’utilisabilité des icônes

#Performance

The Principles of Performance by Design parce que la performance est importante à chaque étape du projet et que ça commence par le design

The Principles of Performance by Design

#Logo

The “Share a Coke” Campaign isn’t Stupid–the Typography is, or when logos become typefaces.

The “Share a Coke” Campaign isn’t Stupid–the Typography is

#Mobile

Themobileplaybook.com un petit guide du monde du mobile à l’usage des cadres et marketeux

Themobileplaybook.com

#Pinterest

Pinterest rachète Icebergs, le service ferme à partir de septembre 2014 mais j’espère qu’ils vont reprendre certaines fonctionnalités comme le fait de pouvoir ajouter une page en sans devoir lui assigner une image

#Data

Great map for smartphone OS market share  une carte de la répartition des appareils par OS dans différents pays

Great map for smartphone OS market share

#Interview

« No Fuckhead you are not a Storyteller » une interview de Stefan Sagmeister qui nous parle de l’utilisation dans tous les sens du mot “story teller”

No Fuckhead you are not a Storyteller

Les Nouveautés webdesign

#Navigateur

Responsive Web Made Easier with Chrome DevTools Device Mode outil natif de test des media-queries et remote debugging, voilà qui promet de belles choses dans Chrome

Responsive Web Made Easier with Chrome DevTools Device Mode

Et Firefox a lui aussi droit à quelques nouveautés.

De l’inspiration et de jolies idées

#Tendance

Philippe Rondepierre nous propose une étude sur les tendances du web design 2015

#Instagram

INSTAGRAM with Material Design, un peu de motion pour montrer à quoi ressemblerait Instagram en y applicant les principes de material design de Google, yeah

INSTAGRAM with Material Design

#Posters

Matttaylor.co.uk des posters, des couleurs, love love et LOVE ! Je suis fan d’Harley Quinn  <3

Matttaylor

#Video

Frozen is the new Black a nice mashup between Frozen and Orange is the New Black :)

Frozen is the new Black

Les tutoriels de la semaine

#SVG

HowTo: « Self-Drawing » SVG animation ou comment animer un SVG en ligne

Des ressources utiles

#Photos

Jaymantri.com encore une nouvelle “galerie” où trouver des photos libres d’utilisation

Jaymantri.com

Des outils  et plugins pour vous faciliter la vie

#Animation

AniJS Studio, un plugin Chrome pour construire des animations JS/CSs dans le navigateur (7,5€)

AniJS Studio

#Performance

Critical, une tâche Gulp pour extraire le CSS “critique” de vos pages et le linéariser dans le HTML pour booster les performances de la page

#CSS

De quoi comprendre ce qu’il se passe dans le navigateur lors de modifications de valeurs CSS : csstriggers.com

csstriggers

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

#Game

Gameaboutsquares.com le petit jeu pour procrastiner ce matin, des ronds, des carrés et c’est addictif

Gameaboutsquares

#Icon

Lined menu icons de l’inspiration sur les line icons

Lined menu icons