Des pixels et du code #87
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. Expérience utilisateur, mobilité, jolies illustrations et typographie, ressources pour vos wireframes, cartes et CSS, vous aurez de quoi lire ce weekend.
Pour plus de liens n’hésitez pas à me suivre sur twitter. Bonne lecture :)
Les articles à lire
#Design
Interfaces in need – Facebook doesn’t need your design help. But there are many other companies that do un reflexion sur la tendance au “redesign” gratuit et non solicité de gros sites web
#CSS level 4
Responding to environmental lighting with CSS Media Queries Level 4 ou comment utiliser des media queries de CSS level 4 pour changer les contrastes en fonction de la luminosité ambiente
#UX
Using Dark Patterns for Good utiliser les “dark patterns” pour aller dans le sens de l’utilisateur plutôt que pour lui faire faire des choses qui arrangent le marketing
Inspiration
#Typography
Mary Kate McDevitt a un très joli portfolio orienté lettrages et typographie
#Typography
Bob Dylan´s HAND LETTERING EXPERIENCE est une expérience de lettrage dans différents styles
#Digital Art
Norvhic Fernandez Austria‘s Photo manipulations and digital art (J’adore A Walk on Desolate Street)
#Portfolio
Le portfolio de Simon Frouws avec de jolies illustrations et lettrines
#GIF #Illustration
Des affiches minimalistes de Harry Potter ? Oui, mais qui bougent !
#Video
Now This is How You Advertise a Bra [Video] une publicité assez drôle pour un soutien-gorge
#Ilustrations
La jolie claque visuelle de la semaine, le portfolio de Juan Doe’s composé de couvertures de Marvel Comics
#Illustration
Keit P Rein et ses illustrations pop culture not safe for work de jolies filles pas vraiment habillées :)
Les tutoriels de la semaine
#RWD
Transforming tabs une proposition bien sympa pour gérer les onglets sur un site Responsive
Des ressources utiles
#Wireframe
Printable Paper des feuilles pour du croquis avec différents types de lignes prêtes à être imprimées
#Maps
snazzymaps.com des styles de carte Google Maps dont vous pouvez vous inspirer et que vous pouvez ré-utiliser sur vos projets
#Mobile
Mobile Workflow une présentation de différents outils pour le debug et le teste de sites sur mobile
#CSS
CSS stats le CSS de gros sites passé au peigne fin. Je me demande quel outil a été utilisé
Les outils et plugins pour vous faciliter la vie
#Maps
Mapbox une application en ligne pour créer et customiser vos cartes interractives
#Police
Fontcombiner.com un outil en ligne pour combiner et générer vos propres polices
#Icon
Glyphsearch.com un outil en ligne qui permet de chercher des glyphs dans différentes librairies de font-icon
Les démos sympas et impressionnantes
#Musique
Incredibox.com dans sa version 3 avec toujours le même principe : ajoutez un personnage pour ajouter un rythme ou une mélodie et composez votre musique
#Jeu
Circle-game procrastination du dimanche matin : attrapez les petits ronds sans vous faire toucher par les grands
#Canvas
Video Sphere une expérience en canvas avec une sphère de vidéos (à ouvrir dans Firefox les vidéos ne marchent pas sur Chrome chez moi)
Et s’il devait n’en rester qu’un ?
#UX
The 4 Levels of UX Design un très bon article sur 4 niveaux d’expérience utilisateur avec des exemples précis pris dans la vie courante
Et pour rire, de jolies T-shirts Wearedumb.com
