La semaine en pixels – 1 août 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.). 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
Les articles de la semaine
#Mobile #Fixed
Fixed and inflexible quelques retours sur le positionnement fixe d’éléments sur mobile
#Burger Icon
Faut-il abandonner les menus façon hamburger ? un condensé en français
#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
#Logo
The “Share a Coke” Campaign isn’t Stupid–the Typography is, or when logos become typefaces.
#Mobile
Themobileplaybook.com un petit guide du monde du mobile à l’usage des cadres et marketeux
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
#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”
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
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 with Material Design, un peu de motion pour montrer à quoi ressemblerait Instagram en y applicant les principes de material design de Google, yeah
#Posters
Matttaylor.co.uk des posters, des couleurs, love love et LOVE ! Je suis fan d’Harley Quinn <3
#Video
Frozen is the new Black a nice mashup between Frozen and Orange 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
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€)
#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
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
#Icon
Lined menu icons de l’inspiration sur les line icons
