{"id":4093,"date":"2015-06-18T06:00:03","date_gmt":"2015-06-18T04:00:03","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4093"},"modified":"2015-06-18T23:50:44","modified_gmt":"2015-06-18T21:50:44","slug":"la-semaine-en-pixels-19-juin-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/","title":{"rendered":"La semaine en pixels \u2013 19 juin 2015"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Comme chaque semaine, \u00a0je vous propose 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 webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.).<\/p>\n

Au programme cette semaine : de la mobilit\u00e9\u00a0entre responsive web design et applications natives, une comparaison de l’UI d’Android et d’iOS sur certaines applications, les nouveaut\u00e9s de la Creative Cloud 2015 avec des petits ajouts bien sympas dans Photshop, un peu de couleurs, procrastination et jolies lettres du c\u00f4t\u00e9 de l’inspiration, des astuces CSS et du SVG, une cheatsheet accessibilit\u00e9, des outils de performance.<\/p>\n

Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

tl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n

#UI<\/p>\n

Uiohmy.com<\/a> liste et compare les UI d\u2019Android et d\u2019iOS<\/p>\n

\"Uiohmy.com\"<\/p>\n

Les articles de la semaine<\/h2>\n

#Mobile<\/p>\n

I Have No Idea What The Hell I Am Doing<\/a>, une jolie conf\u00e9rence de Brad Frost \u00a0(avec le transcript en dessous)<\/p>\n

\"I<\/p>\n

#Prix<\/p>\n

What Contacting 25 Creative Agencies Taught Me About Small Business Web Design Inquiries<\/a> : un designer tente de contacter 25 agences pour avoir un devis, seul 60% on r\u00e9pondu et les devis vont de 850$ \u00e0 15 000$, soit 1500% de diff\u00e9rence de prix.<\/p>\n

#Responsive<\/p>\n

How We Redesigned Hiveage as a Responsive Web App<\/a> : transition int\u00e9ressante de comment Hiveage est pass\u00e9 \u00e0 une web app responsive dans le navigateur<\/p>\n

\"How<\/p>\n

#Web #App<\/p>\n

Progressive Apps<\/a>, construire des sites et des webapps qui vont se rapprocher progressivement du natif gr\u00e2ce \u00e0 une ic\u00f4ne sur l\u2019\u00e9cran d\u2019accueil du mobile de l\u2019utilisateur, un lancement en plein \u00e9crans, etc.<\/p>\n

\"Progressive<\/p>\n

#Responsive<\/p>\n

10 Responsive Design Problems and Fixes<\/a>\u00a0: 10 soucis du responsive et comment y rem\u00e9dier<\/p>\n

L\u2019actualit\u00e9 webdesign<\/h2>\n

#Photohop<\/p>\n

On dirait bien que Photoshop va pouvoir avoir un syst\u00e8me d\u2019artboards (planches) comme Illustrator<\/a>. Mon processus de design responsive va grandement se simplifier :) Et pour en voir plus, une petit vid\u00e9o<\/a><\/p>\n

#Photoshop<\/p>\n

Photoshop CC 2015 improvements<\/a> : nouveaut\u00e9s Photoshop, artboards et possibilit\u00e9 d\u2019avoir plusieurs styles identiques sur le m\u00eame \u00e9l\u00e9ment, voil\u00e0 qui va changer mon workflow :)<\/p>\n

\"Photoshop<\/p>\n

#Edge #Responsive Image<\/p>\n

Microsoft Edge introduit srcset<\/a> pour les images responsive<\/p>\n

De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n

#Color<\/p>\n

Une d\u00e9mo toute mignone: Color Extraction Effect using CSS Filters and Vibrant.js<\/a><\/p>\n

 <\/p>\n

\"Color<\/p>\n

#Jeux<\/p>\n

PRO CRA STINATION TIME : Games for designers<\/a>, des petits jeux en ligne pour les designers<\/p>\n

\"<\/p>\n

#Ligature<\/p>\n

iloveligatures.tumblr.com<\/a>, tout est dans le titre :)<\/p>\n

\"iloveligatures.tumblr.com\"<\/p>\n

#Lettres<\/p>\n

Animal Letters<\/a> de jolies lettres dessin\u00e9es sous forme d\u2019animaux<\/p>\n

\"Animal<\/p>\n

Les tutoriels de la semaine<\/h2>\n

#CSS<\/p>\n

L\u2019astuce sympa \u00e0 base de CSS blend modes pour les liens visit\u00e9s : Pushing the limits of :visited with CSS blend modes<\/a><\/p>\n

\"Pushing<\/p>\n

#SVG<\/p>\n

A Practical Guide to SVG on the web<\/a>\u00a0: r\u00e9duire son SVG, l\u2019utiliser dans le navigateur avec diff\u00e9rentes solutions techniques, l\u2019animer ou le rendre responsive, un guide pratique du SVG pour vos sites<\/p>\n

\"A<\/p>\n

Des ressources utiles<\/h2>\n

#a11y<\/p>\n

A lire, mettre de c\u00f4t\u00e9 et \u00e0 appliquer: The Accessibility Cheatsheet<\/a><\/p>\n

#Font<\/p>\n

Bjrtypo.com<\/a> liste de jolies polices payantes et gratuites<\/p>\n

\"Bjrtypo.com<\/p>\n

#Mobilit\u00e9<\/p>\n

Flupa UX-Day 2015 \u2013 Gu\u00e9rilla Responsive Design \u2013 L\u2019atelier qui vous fera aimer le mobile<\/a>, les slides de mon atelier \u00e0 Flupa<\/p>\n

\"Flupa<\/p>\n

Faites rentrer votre \u00e9l\u00e9phant dans une Smart\u2122 \u2013 Bonnes pratiques sur mobiles, ma conf\u00e9rence au WPMX Day 2015<\/a>, les slides de ma conf\u00e9rence \u00e0 WPMX Day<\/p>\n

\"Faites<\/p>\n

Des outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n

#Performance<\/p>\n

Performance Tools<\/a>, une liste d\u2019outils pour vous aider pour la performance web<\/p>\n

Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n

#Menu #CSS<\/p>\n

Une d\u00e9mo codepen sympa par \u00a0@NikolayTalanov<\/a> : Triangular Sidebar Menu (webkit only)<\/a><\/p>\n

\"Triangular<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu’il ne soit plus \u00e0 jour.Comme chaque semaine, \u00a0je vous propose 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 webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.). Au programme cette semaine : de la mobilit\u00e9\u00a0entre responsive web design et applications natives, une comparaison de l’UI d’Android …<\/p>\n","protected":false},"author":3,"featured_media":4099,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4093","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nLa semaine en pixels \u2013 19 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <meta name=\"description\" content=\"A ne pas manquer :\u00a0responsive web design et applications natives, une comparaison de l'UI d'Android et d'iOS sur certaines applications, nouveaut\u00e9s de la Creative Cloud, astuces CSS et du SVG\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3113.html \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La semaine en pixels \u2013 19 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer :\u00a0responsive web design et applications natives, une comparaison de l'UI d'Android et d'iOS sur certaines applications, nouveaut\u00e9s de la Creative Cloud, astuces CSS et du SVG\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/\" \/>\n<meta property=\"og:site_name\" content=\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-18T04:00:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-06-18T21:50:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/06\/liens-semaine-18juin.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"St\u00e9phanie Walter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:site\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"St\u00e9phanie Walter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/\",\"name\":\"La semaine en pixels \u2013 19 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/liens-semaine-18juin.jpg\",\"datePublished\":\"2015-06-18T04:00:03+00:00\",\"dateModified\":\"2015-06-18T21:50:44+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer :\u00a0responsive web design et applications natives, une comparaison de l'UI d'Android et d'iOS sur certaines applications, nouveaut\u00e9s de la Creative Cloud, astuces CSS et du SVG\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/liens-semaine-18juin.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/liens-semaine-18juin.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 18 juin 2015\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/\",\"name\":\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\",\"description\":\"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l'utilisabilit\u00e9 et l'accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\",\"name\":\"St\u00e9phanie Walter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher & Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)\",\"sameAs\":[\"https:\/\/stephaniewalter.design\/\",\"https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/\",\"https:\/\/x.com\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 19 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer :\u00a0responsive web design et applications natives, une comparaison de l'UI d'Android et d'iOS sur certaines applications, nouveaut\u00e9s de la Creative Cloud, astuces CSS et du SVG","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 19 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer :\u00a0responsive web design et applications natives, une comparaison de l'UI d'Android et d'iOS sur certaines applications, nouveaut\u00e9s de la Creative Cloud, astuces CSS et du SVG","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-06-18T04:00:03+00:00","article_modified_time":"2015-06-18T21:50:44+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/06\/liens-semaine-18juin.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@walterstephanie","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/","name":"La semaine en pixels \u2013 19 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/liens-semaine-18juin.jpg","datePublished":"2015-06-18T04:00:03+00:00","dateModified":"2015-06-18T21:50:44+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer :\u00a0responsive web design et applications natives, une comparaison de l'UI d'Android et d'iOS sur certaines applications, nouveaut\u00e9s de la Creative Cloud, astuces CSS et du SVG","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-juin-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/liens-semaine-18juin.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/liens-semaine-18juin.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 18 juin 2015"},{"@type":"WebSite","@id":"https:\/\/stephaniewalter.design\/fr\/#website","url":"https:\/\/stephaniewalter.design\/fr\/","name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","description":"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l'utilisabilit\u00e9 et l'accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf","name":"St\u00e9phanie Walter","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher & Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)","sameAs":["https:\/\/stephaniewalter.design\/","https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/","https:\/\/x.com\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4093"}],"collection":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/comments?post=4093"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4093\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4099"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}