{"id":5557,"date":"2016-07-29T08:34:06","date_gmt":"2016-07-29T06:34:06","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5557"},"modified":"2016-07-29T08:48:34","modified_gmt":"2016-07-29T06:48:34","slug":"semaine-pixels-29-juillet-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-29-juillet-2016\/","title":{"rendered":"La semaine en pixels \u2013 29 juillet 2016"},"content":{"rendered":"
Me voil\u00e0 de retour de vacance, et comme chaque semaine, vous avez droit \u00e0 un 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 : processus d’illustration chez Shopify, accessibilit\u00e9 des composants d’UI et des formulaires, psychologie et linguistique, progressive web apps sur desktop, astuces CSS, mesurer l’UX et le num\u00e9rique au Japon. Du c\u00f4t\u00e9 de l’inspiration une astuce pour r\u00e9ussir vos images, des graffitis. Ne manquez pas les tutoriels SVG et Illustrator ainsi que les conseils Sketch et une collection d’outils pour web designer.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Web Design<\/p>\n Web Design in 4 minutes<\/a>, une petite exp\u00e9rience pour vous faire comprendre ce qu\u2019est le web design<\/p>\n <\/p>\n #Illustrations<\/p>\n Building a New Illustration Style for Shopify<\/a>, le processus cr\u00e9atif derri\u00e8re les nouvelles ic\u00f4nes de Shopify<\/p>\n <\/p>\n #UX<\/p>\n Flupa UX Days 2016 \u2013 mes notes de la journ\u00e9e de conf\u00e9rences<\/a><\/p>\n <\/p>\n #PWA<\/p>\n Progressive web apps running as native OS X apps<\/a>, transformer les PWA en apps natives like pour OS X avec PWAify project<\/p>\n <\/p>\n #Psychology<\/p>\n 31 Copywriting Tips Based on Psychology and Linguistics<\/a>, l\u2019\u00e9criture pour le web bas\u00e9e sur de la psychologie, une longue lecture<\/p>\n <\/p>\n #A11Y<\/p>\n Accessible UI Components For The Web<\/a>, conseils sur l\u2019accessibilit\u00e9, des contrastes en passant par le clavier et les handicapes cognitifs.<\/p>\n <\/p>\n #UX<\/p>\n Un retour d\u2019exp\u00e9rience sur un Sprint design \/ UX de 5 jours : Our First Design Sprint<\/a><\/p>\n <\/p>\n #CSS<\/p>\n The Background Properties<\/a> par @ireaderinokun<\/a> pour tout savoir sur la propri\u00e9t\u00e9 CSS background<\/p>\n <\/p>\n #Design #Culture<\/p>\n Five things you should know about digital Japan<\/a>, 5 diff\u00e9rences \u00e0 conna\u00eetre sur l\u2019utilisation du num\u00e9rique au Japon<\/p>\n <\/p>\n #UX<\/p>\n Measuring Usability Best Practices In 5 Words<\/a><\/p>\n <\/p>\n #Portfolio<\/p>\n danielportuga.com<\/a>, le joli portfolio de @danielportuga<\/a><\/p>\n <\/p>\n #Graffiti<\/p>\n Guy Paints Over Shit Graffiti And Makes It Legible<\/a>, peindre par dessus les graffitis pour les rendre lisibles, qui n\u2019en a jamais r\u00eav\u00e9 ? :)<\/p>\n <\/p>\n #Image<\/p>\n Ten Tips for Making Interesting Images<\/a>, 10 petites astuces pour rendre vos images \/ photos plus int\u00e9ressantes<\/p>\n <\/p>\n #Illustration<\/p>\n How To Create a Cute Dinosaur Character in Adobe Illustrator<\/a>, ou comment dessiner un joli petit dinosaure dans Illustrator<\/p>\n <\/p>\n #HTML #Form<\/p>\n Using the fieldset and legend elements<\/a>, utiliser correctement les \u00e9l\u00e9ments fieldset et legend<\/p>\n <\/p>\n #Productivity<\/p>\n How to increase your productivity as a designer or developer<\/a>, comment augmenter votre productivit\u00e9 gr\u00e2ce \u00e0 une petite lampe rouge et verte<\/p>\n <\/p>\n #CSS<\/p>\n Full Width Containers in Limited Width Parents<\/a>, une astuce simple pour avoir des \u00e9l\u00e9ments full screen dans un parent limit\u00e9 en taille<\/p>\n <\/p>\n #SVG<\/p>\n The Illusion Of Life: An SVG Animation Case Study<\/a>, \u00e9tude de cas d\u2019animation SVG<\/p>\n <\/p>\n #JS #Touch<\/p>\n Zingtouch<\/a>, une librairie JavaScript pour les gestes au touch<\/p>\n <\/p>\n #Sketch<\/p>\n Become a Sketch Pro with 9 Tiny Tips<\/a>, 9 astuces Sketch pour am\u00e9liorer votre productivit\u00e9<\/p>\n <\/p>\n #Tools<\/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
Les tutoriels de la semaine<\/h2>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n