{"id":4944,"date":"2016-01-29T08:11:59","date_gmt":"2016-01-29T07:11:59","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4944"},"modified":"2016-01-29T08:16:57","modified_gmt":"2016-01-29T07:16:57","slug":"la-semaine-en-pixels-29-janvier-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-29-janvier-2016\/","title":{"rendered":"La semaine en pixels \u2013 29 janvier 2016"},"content":{"rendered":"
Comme chaque semaine, \u00a0un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n
Au programme cette semaine : du design mobile, un peu d’ecommerce et de psychologie utilisateurs, \u00a0le principe de primaut\u00e9 et d’attention limit\u00e9e des utilisateurs, designer des accus\u00e9s de r\u00e9ception dans une application de messenger, des APIs HTML5 qui arrivent sur les navigateurs, (speech, push, offline), des tutoriels Illustrator pour le design d’ic\u00f4nes et d’ic\u00f4nes responsive, de SVG anim\u00e9, une jolie police gratuite, un site o\u00f9 trouver de l’inspiration de design pattern, un outil de budget de performance web, des cours en ligne pour l’UX et apprendre le CSS et plusieurs templates d’ic\u00f4nes d’application. Sans oublier l\u2019obsession des zinternets qui m\u00e9lange framework JavaScript et chats.<\/p>\n
Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Communaut\u00e9<\/p>\n Si vous ne devez lire qu\u2019un article cette semaine, je vous conseille The High Price of Free<\/a> une r\u00e9flexion de @rachelandrew<\/a> sur la gratuit\u00e9 des ressources, conf\u00e9rences et la participation \u00e0 la communaut\u00e9<\/p>\n <\/p>\n #Firefox #Speech API<\/p>\n L\u2019API Web Speech API<\/a> de Firefox, plus demo fun o\u00f9 il vous faudra donner le nom d\u2019une couleur pour qu\u2019elle change<\/a><\/p>\n <\/p>\n #Mobile<\/p>\n As Mobile Screen Size Increases… So does activity<\/a>, quelques statistiques sur l\u2019augmentation de la taille des \u00e9crans des mobiles et les activit\u00e9s croissantes des utilisateurs<\/p>\n <\/p>\n #Mobile<\/p>\n 6 Assumptions That Kill Your Mobile App Design<\/a> 6 fausses certitudes qui peuvent ruiner votre application mobile<\/p>\n <\/p>\n #Ecommerce<\/p>\n 5 sites e-commerce pour votre inspiration<\/a> avec une \u00e9tude sur la psychologie du consommateur et le paiement par internet<\/p>\n <\/p>\n #Product #Design<\/p>\n Product Principles: Read Receipts<\/a>, designer un syst\u00e8me d\u2019accus\u00e9 de r\u00e9ception de lecture pour une application de messenger<\/p>\n <\/p>\n #UX<\/p>\n Priming and User Interfaces<\/a>: exposer un utilisateur \u00e0 un stimulus va influencer son comportement et ses actions futures.<\/p>\n <\/p>\n #UX #Icons<\/p>\n Where to Place Your Accordion Menu Icons<\/a> \u00a0O\u00f9 placer les ic\u00f4nes des menus accord\u00e9on ? tldnr: \u00e0 gauche en utilisant une ic\u00f4ne plus au lieu d\u2019une fl\u00e8che<\/p>\n <\/p>\n #UX<\/p>\n Cognitive Psychology and UX: The Principle of Limited Attention<\/a>, le principe de l\u2019attention limit\u00e9 des utilisateurs<\/p>\n <\/p>\n #Voeux<\/p>\n La Carpe de Voeux de l\u2019agence Pan<\/a><\/p>\n <\/p>\n #Push<\/p>\n Web Push Arrives in Firefox 44<\/a>, le push arrive dans Firefox 44 :)<\/p>\n <\/p>\n #Illustrator<\/p>\n Prepping Icons with Pathfinder<\/a>, pr\u00e9parer ses ic\u00f4nes \u00e0 l\u2019export SVG avec le pathfinder Illustrator<\/p>\n <\/p>\n #Service Worker<\/p>\n Create a really, really simple offline page using Service Workers<\/a>, cr\u00e9er une page accessible offline gr\u00e2ce aux service workers<\/p>\n <\/p>\n #Icon #Responsive<\/p>\n Tips On How To Create a Responsive Icons<\/a>, des conseils pour cr\u00e9er des ic\u00f4nes responsive<\/p>\n <\/p>\n #SVG #Animation<\/p>\n Creating loading button with SVG and segment<\/a> + demo<\/a> cr\u00e9er un bouton de chargement anim\u00e9 avec SVG et segment<\/p>\n <\/p>\n #AI #SVG<\/p>\n Quick Tip: exporting a SVG with a pattern that works in IE\/Edge from Illustrator CC 2015<\/a>, exporter du SVG avec un pattern depuis Illustrator pour qu’il fonctionne m\u00eame sous internet explorer.<\/p>\n <\/p>\n #Font<\/p>\n Overpassfont.org<\/a> une police open sources inspir\u00e9e par Highway Gothic :)<\/p>\n <\/p>\n #UI<\/p>\n uigarage.net<\/a>, \u00a0un site qui rassemble diff\u00e9rent design patterns mobile et desktop<\/p>\n <\/p>\n #Performance<\/p>\n Performance builder budget tool<\/a>, un outil en ligne pour vous aider \u00e0 cr\u00e9er des budgets de performance pour votre site<\/p>\n <\/p>\n #UX #Apprentissage<\/p>\n Des petits cours en ligne pour progresser dans l\u2019apprentissage du design d\u2019exprience utilisateur<\/a> (gratuits et payants pour certains)<\/p>\n <\/p>\n <\/p>\n #CSS<\/p>\n Si vous avez besoin de construire une timeline verticale<\/a> : + demo<\/a><\/p>\n <\/p>\n #App #Icon<\/p>\n Bjango redesign son site avec des ressources tr\u00e8s pratiques dont plusieurs templates d\u2019ic\u00f4nes d\u2019applications<\/a><\/p>\n <\/p>\n #CSS<\/p>\n CSS, tout comme la Matrice, est un syst\u00e8me bas\u00e9 sur des r\u00e8gles. Learn CSS Layout<\/a> est un ebook en ligne qui vous aide \u00e0 mieux comprendre et appr\u00e9hender ces r\u00e8gles.<\/p>\n #SVG<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
Les articles de la semaine<\/h2>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
L\u2019actualit\u00e9 webdesign<\/h2>\n
Les tutoriels de la semaine<\/h2>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n