La semaine en pixels – 24 février 2017

La semaine en pixels – 24 février 2017

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

Comme chaque semaine,  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 web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.

Au programme : des dessins de chats, de la lecture sur la productivité, alternatives au burger menu sur mobile, workflow de designer boosté par les symboles Sketch, combiner des icônes, formulaires et messages d’erreur, recherche utilisateur, design de produits et de jolies illustrations. Du côté des ressources quelques tutoriels CSS (checkbox et viewport units), outil de dégradé, une application pour jouer des sons en travaillant et des outils pour mieux comprendre le HTML.

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

J’ai publié un truc cette semaine

Bing, wizz, boing, please just make all the noise stop, j’ai écrit sur la productivité

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

#Cats #Lol

Si vous vous demandez d’où sortent ces images de chat étrange sur les réseaux sociaux, jetez un oeil à outil.

Les liens en français

Les articles de la semaine

#Mobile

Great Alternatives to Hamburger Menus 

#Design

Great article on the evolution of our design. Workflow, Tools and Process

#UI #Icons

How to Combine Icons from Different Sets in Your UI

#Design

Designing for tactile interactions and time management

#Minimalisme

Functional Minimalism for Web Design

#form #UX

Why Your Form Only Needs One Name Field

#Navigation

How Stack Overflow Redesigned the Top Navigation

#Design

Good vs. Bad Designers

#UX

User Research is Overrated

#Produit

Why the theory of dominant design matters for your product: an engineer’s take

#Usability #Erreurs

How to Communicate Errors Well

De l’inspiration et de jolies idées

#Illustrations

An experimental illustration typography project transforming Arabic words into the shape of their meanings

#Illustrations

cisternasart.com

Tutoriels

#CSS

Creating Non-Rectangular Headers <3

#Animations

A practical Guide to UI Animation with Principle app

#GIF #Video

Optimising GIFs for the Web

#Push

How we implemented push notifications on our website

#Sketch

A Better Way to Make Buttons in Sketch

#Sketch

Designing a Top Nav in One Symbol

#CSS4

CSS4 Selectors: What Can We Expect?

#CSS

CSS Checkboxes

#CSS #Viewport Units

The Unexpected Power of Viewport Units in CSS

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

#Sound

Hipstersound

#CSS

webgradients.com

#PWA

daylight.today

#Facebook

Data Selfie, découvrez ce que Facebook sait de vous

#HTML

HTML Reference

#HTML

The HTML5 Robot- Let the robot choose what semantic tag is right for your HTML5 element

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

#Sound

WhaleSynth