Des pixels et du code #80
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. Cette semaine vous vous en doutez est en partie consacrée à la sortie d’iOS7. Vous trouverez également d’excellentes ressources pour le Responsive Web Design ainsi que de l’inspiration, des illustrations et un plugin Photoshop qui pourrait vous changer la vie.
Pour plus de liens n’hésitez pas à me suivre sur twitter. Bonne lecture :)
Les articles à lire
#UX
My 8 Most Influential UX Articles/Videos une selection de 8 articles et vidéos qui traitent d’expérience utilisateur
#Responsive Web Design
Responsive Navigation On Complex Websites un retour d’expérience sur le design et l’intégration de la navigation sur deux sites responsive
#RWD #Scrolling
Page Height, Scrolling and Responsive Web Design une analyse de Brad Frost sur les types de défilement sur un pages et des propositions pour éviter de frustrer les utilisateurs sur mobile avec des pages trop longues
#Web
Do as little as possible un très bon article sur le retour un web simple, facile à maintenir et cross-plateforme
#Mobile
A Beginner’s Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App de bons conseils pour créer une illusion de rapidité dans votre interface mobile
Les slides de ma conférence sur le Responsive Web Design à Mobx.
Inspiration
#Couleurs
Martbiemans.com un superbe portfolio avec de très jolies et très colorées illustrations
#iOS7
App designs and icons made for iOS 7 un tumblr consacré au design d’applications iOS7 et iOS7 Before and After Pics, une galerie de redesign d’app pour iOS7 avec un avant/après
#Illlustrations
Teagan White et ses très belles illstrations
#iOS7 Icons
Showcase of iOS 6 apps icon redesigned for iOS 7 un tumblr qui sélectionne des redesigns d’icons pour iOS7
#Design
A Table for Two une table en bois en forme d’ampersand, pour les fans de typographie
#Papier
Le portfolio de Cris Wiegandt contient pleins de jolies réalisations et animations en papier
Des ressources utiles
#Police
The Best of Google Webfonts une collection des meilleurs (tout est relatif) polices GoogleFont sélectionnées à la main
Des ressources gratuites
#Mobile
Sketchy mobile gesture vectors, un pack de vectors de geste mobile dans un style “dessiné à la main”
Les outils et plugins pour vous faciliter la vie
#jQuery
Responsive Elements un plugin qui permet de redimensionner les éléments par rapport à la taille de leur parent
Les démos sympas et impressionnantes
#Jeu
Plusminus un jeu super choupinet pour apprendre le calcul créé par un développeur et sa fille
Et s’il devait n’en rester qu’un ?
BlendMe, un plugin Photoshop qui vous permet, avec une fonction de recherche,de piocher des icônes de différentes librairies libres de droit et les importer sur Photoshop <3