La semaine en pixels – 31 décembre 2015

La semaine en pixels – 31 décembre 2015

Ce contenu a été rédigé il y a 9 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.).

Au programme cette semaine : utiliser les capacités des navigateurs modernes pour les webapps, ergonomie des menus au survol, typographie responsive et delay au touch, redesigns utiles, témoignages de designer qui ont été un jour rejetés, quelques articles sur des tendances pour 2016, des images responsive dans WordPress, des tutoriels d’illustration et flexbox, propriétés non supportées dans Opera mini, ressources pour les formulaires mobiles et un petit générateur de générique de Star Wars en fin d’article.

Je profite de ce dernier article de l’année 2015 pour vous remercier de votre lecture fidèle, et vous souhaiter d’excellentes fêtes de fin d’année :)

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

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

#Conference

Stratégies d’adaptation mobile : ergonomie, UX & performance – S. Walter, JP Vincent, la vidéo de ma conférence à BlendWebMix. Les slides sont disponibles ici.

Les articles de la semaine

#UX #Research

How We Started Doing More Research at Viget (ou comment ils ont commencé à réellement inclure la recherche dans leur processus de design). J’ai beaucoup cette citation : “ To make a difference, we would need to change the way projects get sold, staffed, and planned, and that would require the awareness and cooperation of the entire company. “

#Font

A Responsive Guide to Type Sizing, une approche responsive à la typographie

#Usability #Redesign

Stop #DailyUi Start #FixUi, arrêtons de proposer de jolis shots totalement utopiques d’interfaces qui ne pourront jamais exister pour avoir une belle galerie et des likes sur dribbble et à la place proposons des redesign d’interfaces réelles et problématiques pour entraîner notre cerveau de designer à justement résoudre des problèmes et pas juste à aligner 3 jolis pixels dans un shot de 800×600

#Menu

Why hover menus are problematic, les soucis d’ergonomie engendrés par les menus au survol

#Touch

Delay : le délais au touche et la propriété webkit touch-action: manipulation;

#Responsive

A Hands-On Guide to Mobile-First Responsive Design

De l’inspiration et de jolies idées

#Rejection

rejected.us tout le monde a été refusé à un poste un jour, voici leurs histoires

#Trends

16 crucial web design trends for 2016 & beyond, 16 tendances webdesign pour 2016

#Bonne Année

Une jolie carte de voeux animée pour vous souhaiter la bonne année :)

happynewyear

L’actualité webdesign

#WordPress #Images

Responsive Images Now Landed In WordPress Core

Les tutoriels de la semaine

#Illustration

Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers, décomposer les personnages de Star Wars en formes simples pour créer de jolies illustrations

#CSS #flexbox

Prennez un café, une respiration, voici comment fonctionne flex-grow : `flex-grow` is weird. Or is it?

#Webapp

Utiliser les capacités modernes des navigateurs pour proposer des webapps qui se rapprochent progressivement des applications natives en terme de rendu et de fonctionnalités : Getting started with Progressive Web Apps.

Des ressources utiles, outils et plugins pour vous faciliter la vie

#Browser

WTF Opera Mini?! les propriétés CSS pas supportées dans Opera mini

#Touch #Form

Touch Keyboard Types – des démos et du code HTML5 pour avoir les différents claviers optimisés au touch en HTML5 sur mobile

#SVG

Walkway.js – une librairie d’animation de lignes en SVG

 

 

#Talk

Une  juste liste de conférences front-end pour 2015

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

#Star Wars

Star Wars Intro Generator :D