La semaine en pixels – 15 août 2014

La semaine en pixels – 15 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.). Cette semaine vous découvrirez l’origine du bouton [x] pour fermer les fenêtre et en parlant de croix, vous pourrez l’utiliser pour jouer au morpion en pure CSS. Un peu de neuroscience, une bonne dose d’inspiration très colorée, le prix d’une application mobile et en bonus de quoi organiser vos carnets de croquis : vous voilà parés pour le weekend.

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

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

#UI

Jolie lecture pour les geeks fans d’interface, l’origine du [x] pour fermer les fenêtres « The origins of the use of [x] in UI design”.

The origins of the use of [x] in UI design

Les articles de la semaine

#Image #Copyright

« Can I use that Picture? » un organigramme pour tenter d’éduquer les utilisateurs sur la ré-utilisation de photos sur le net en respectant les copyrights

Can I use that Picture?

#Touch #Test mobile

Touch Template, la petite règle pour tester vos interfaces mobile de 4ourth

Touch Template, la petite règle pour tester vos interfaces mobile de 4ourth

#Neuroscience

Neurology & User Behaviour: What We Know  un petit aperçu de ce que la neurologie peut nous apprendre sur le comportement humain et la prise de décision des utilisateurs

#App

How much does it cost to make an app? à mettre de côté pour le prochain client qui viendra vous demander « combien coûte une application simple »  (tldnr $20,000-$50,000)

How much does it cost to make an app?

#Notebook

A little known hack from Japan to get your notebook organized une astuce toute simple pour organiser son carnet de notes, j’avoue qu’il fallait y penser :o

notbook hack

#Animation

Look and Feel, les conseils de Google pour les animations web

De l’inspiration et de jolies idées

#Miaou

Minimal Cat project des chats sortis tout droits des héros de la pop culture animés et pleins de couleurs

Minimal Cat project

#Photos

Body-paint artist blends models into NYC landmarks une arstiste crée des body paintings qui se confondent dans le paysage New-yorkais

Body-paint artist blends models into NYC landmarks

#Illustration

Dadoqueiroz.com la claque visuelle de la semaine; du lettering en 3D et des illustrations colorées

Dadoqueiroz.com

#Poster #Illustration

Probertson.tumblr.com des posters ultra colorés et acidulés et des gifs animés qui piquent le pixel, yeah

Probertson.tumblr.com

#Mobile

Où trouver de l’inspiration pour du design mobile, mon dernier article sur Alsacréations

Des ressources utiles

#Photos

Vous avez besoin de photos gratuites en CC-BY de personnes avec des ordinateurs pour votre startup ? Voilà qui devrait vous plaire : startupstockphotos.com :)

startupstockphotos.com

#Branding

20 Free Branding/Identity Mockups with Themed Items  des templates de branding à télécharger gratuitement

#Sublime Text

Predawn, un thème sombre pour Sublime Text et Atom. Sublime

Predawn

Des outils  et plugins pour vous faciliter la vie

#Performance

Critical Path CSS Generator : un outil en ligne qui vous permet d’extraire automatiquement le CSS utilisé pour afficher le contenu du haut du site et ainsi le linéariser dans le HTML pour gagner en performance

Critical Path CSS Generator

#Flexbox

Flexplorer, un outil en ligne pour tester la syntaxe de flexbox

Flexplorer

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

#CSS

Un jeu de morpions en HTML et CSS

Un jeu de morpions en HTML et CSS