La semaine en pixels – 17 février 2015

La semaine en pixels – 27 février 2015

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.).

Au programme :  typographie (bullshit ligature et un outil pour créer vos propres fonts), principes de design, démos SVG plutôt impressionnantes, avoir l’ai intelligent avec littéralement rien à présenter à un TEDx, animation, un tutoriel CSS pour améliorer l’UX des menus déroulants à plusieurs niveaux, un outils d’accessibilité et outil de design d’interface

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

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

#Bullshit #Font

Sans Bullshit Sans, la police d’écriture qui utilise les ligatures pour remplacer votre bullshit buzzword  :D

Sans Bullshit Sans

Les articles de la semaine

#Design

Design Principles : des principes de design transposés de l’architecture du design de produit

Design Principles

#Performance #UX

UX Tactics To Make Slow Things Seem Faster, techniques et astuces d’UX pour faire croire que votre interface est rapide même quand elle ne l’est pas

#Animations

Invisible animation, ces petits animations Mailchimp qui améliorent l’expérience : « Good animation is invisible. You shouldn’t notice that you’re looking at animation. »

Invisible animation

#Presentation

Presentation Tips That Will Win You Clients, quelques conseils pour présenter vos projets

Les Nouveautés webdesign

#Medium

TextShots , la nouvelle super idée de medium : prendre un screenshot directement de ce que l’utilisateur à surligné pour qu’il puisse partager plus de 140 caractères sur twitter,

TextShots

De l’inspiration et de jolies idées

# Photos

.@Interstellar won #Oscars2015 for visual effects. Here’s a visual of Earth. No effects, des photos de la terre sans effets spéciaux sur le compte intagram de la NASA

NASA

#Design #Video

J’aime beaucoup le message de cette vidéo : Designing for Humans (j’ajouterais “all of them”)

#Video #TEDx

How to sound smart in your TEDx Talk, comment avoir l’air super intelligent dans votre conf à TEDx avec rien à présenter.

How to sound smart in your TEDx Talk

#Illustration

Gotham Masquerade, les héros et méchants de Batman revisités version féminine

Gotham Masquerade

Les tutoriels de la semaine

#CSS

Extending the Color Cascade with the CSS currentColor Variable, utiliser currentColor en CSS pour faire hériter la couleur du parent, par SaraSoueidan

#CSS #UX

Dropdown Menus with More Forgiving Mouse Movement Paths, un tutoriel pour rendre les menu à plusieurs niveaux plus utilisateurs

Dropdown Menus with More Forgiving Mouse Movement Paths

Des ressources utiles

#Font

Morning procrastination : créez de moduler votre propre police d’écriture grâce au Metaflop Font Modulator

Metaflop Font Modulator

#CSS

Le musée des techniques de remplacement d’image sur CSS tricks

Des outils  et plugins pour vous faciliter la vie

#A11Y

Contrast, un outil en ligne qui vous permet de jouer avec la luminescence et la saturation des couleurs pour mieux comprendre le principe de couleur accessible

Contrast

#Design Tool

Atomic, un outil de design d’interface avec des fonctionnalités de prototypage et de versionning qui m’a l’ai prometteur

Atomic

#Watch

Un jolie idée pour tester vos designs de Smart Watch sans avoir l’appareil

smartwatch

#Icons

Subway Icon Set, un pack de 360 icônes publiées sous CC-BY-0.4

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

#SVG

Arrêtez tout, vous ne verrez pas de meilleur Codepen aujourd’hui : SVG masking experiment

SVG masking experiment

#CSS #SVG

CSS and SVG Pacman demo

CSS and SVG Pacman demo

#Video

« FYI I’M A GRAPHIC DESIGNER », les répliques de films qui t’expliquent ce qu’est un designer