Des pixels et du code #83

Ce contenu a été rédigé il y a 11 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, HTML, CSS, outils, ressources et inspiration.

Pour plus de liens n’hésitez pas à me suivre sur twitter. Bonne lecture :)

Les articles à lire

$Issue 14 \\ Rhythm & Grid$

#Typography

Issue 14 \\ Rhythm & Grid un retour d’expérience de mailchimp sur la création de la grille typographique pour leurs applications, avec en bonus la différence Leading Photoshop et Line-height CSS

#Webdesign

Establishing Design Direction an excellent read with great ideas on how to get different people involved

#UX #Flat

How the Flat UI Design Style Affects Interface Text ou les répercussions du Flat design sur le texte de nos interfaces et quelques conseils pour en améliorer l’expérience utilisateur

#Line-height

Line Height par @russmaxdesign, une présentation slideshare qui très détaillée sur le line-height et le calcul des boîtes de texte en CSS

#UX

Treatise on User Experience Design: Part 1, définition de l’UX et du designer d’expérience utilisateur, des différentes phases d’un projet ainsi qu’un glossaire des termes souvent utilisés

Foutez la paix à mon viewport ! quelques mots sur menu persistents fixés sur les sites

#Conférence

Webstock ’13: Mike Monteiro – How Designers Destroyed the World Mike Monteiro qui essaie d’expliquer aux designer leur responsabilité et l’impact que leur boulot peut avoir sur le monde

Inspiration

#Webdesign

Fleeangrybear.com un site d’agence dans un style sombre et illustré

#Pliage

Si vous ne savez pas quoi faire un dimanche pluvieux, vous pouvez faire des animaux en serviette ? (via maketowelanimals.com )

#Illustration

Funny and Cute Conceptual Illustrations That Will Make Your Day de jolies illustrations très fun

#Typographie

inabrush.com un tumblr de jolies lettres dessinées à la main

Les tutoriels de la semaine

#CSS

Animated Border Menus encore une superbe démo sur Codrops, “think ouside the box” et utilisation de la bordure pour faire des effets de menu

Des ressources utiles

#App

Mozilla Appmaker un outil en ligne pour faire des applications HTML5 pour mobile édité par mozilla

#CSS

Image replacement Museum: des techniques de remplacement d’image en CSS de 2003 à 2012

#Ipsum

Les zinternets ont maintenant leur Minions Ipsum <3

Les outils et plugins pour vous faciliter la vie

#Script Photoshop

Group Layer Renaming est LE script que je cherche depuis des mois et vous permet de renommer plusieurs calques Photoshop en une fois <3

Les démos sympas et impressionnantes

#CSS #Menu

Navicon Transformicons donnez un peu de vie à vos icônes de menu ou comment transformer un burger en flèche, croix, etc.

Et s’il devait n’en rester qu’un ?

#Design

Development Is Design un article de Brad Frost dont je partage l’opinion, le HTML et CSS sont des outils de design et nous avons besoin d’un changement de mentalité et de processus