{"id":4861,"date":"2016-01-15T08:38:06","date_gmt":"2016-01-15T07:38:06","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4861"},"modified":"2016-01-15T08:40:56","modified_gmt":"2016-01-15T07:40:56","slug":"la-semaine-en-pixels-15-janvier-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/","title":{"rendered":"La semaine en pixels \u2013 15 janvier 2016"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

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.<\/span><\/p>\n

Au programme cette semaine :\u00a0utiliser les teintes d’une couleur dans un design, marier du texte et des images, l’\u00e9ternel d\u00e9bat mobile web vs natif avec peut-\u00eatre un consensus, des conseils pour le design au touch, le \u00ab\u00a0physical web \u00a0\u00bb de Google qui devient prometteur, un peu d’accessibilit\u00e9 des couleurs, les nouveaut\u00e9s dans Safari 9.1, des tutoriels d\u2019animation CSS et Illustrator et des ressources Sketch, JavaScript et pour l’accessibilit\u00e9.<\/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

#Couleur<\/p>\n

How to Use Tints and Shades in Your Designs <\/a>\u00a0comment utiliser les nuances de la m\u00eame couleur dans un design<\/p>\n

\"\"<\/p>\n

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

#Web #App<\/p>\n

Mobile Web vs. Native Apps or Why You Want Both<\/a> : Le web sert \u00e0 enrichir son audience, les applications natives pour des exp\u00e9riences enrichies. Les deux sont strat\u00e9giques, les deux ont de la valeur. Quand on en arrive au d\u00e9bat Web vs Native, la r\u00e9ponse est \u201cles deux\u201d.<\/p>\n

(The Web is for audience reach and native apps are for rich experiences. Both are strategic. Both are valuable. So when it comes to mobile, it’s not Web vs. Native. It’s both)<\/p>\n

\"\"<\/p>\n

#Gesture #Mobile<\/p>\n

Mobile Gestures: 40% of Sites Don’t Support Pinch or Tap Gestures for Product Images<\/a> 40% des sites ne supportent pas le pinch et le double tap pour zoomer dans les images produit<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Growing as a Designer<\/a>, quelques conseils pour \u00e9voluer en tant que designer<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

The Complete Guide for How to Marry Text and Images In Your Designs<\/a>, un excellent article avec des exemples inspir\u00e9s du web et du print sur le mariage de texte et d\u2019images dans le design<\/p>\n

\"\"<\/p>\n

#Web #Object<\/p>\n

Le physical web de Google<\/a> \u00e7a a quand m\u00eame l\u2019air plut\u00f4t fun et sympa en terme de perspectives de fonctionnalit\u00e9s<\/p>\n

\"\"<\/p>\n

#UI<\/p>\n

Can a UI affect our interpretation of others?<\/a> Une interface peut-elle changer la perception que l\u2019on a de son interlocuteur ? Un test du m\u00eame message sur 3 diff\u00e9rentes interfaces.<\/p>\n

\"\"<\/p>\n

#Color #A11y<\/p>\n

5 Ways to Improve Your Ecommerce Design for Colorblind Users<\/a>, 5 fa\u00e7ons d\u2019am\u00e9liorer un site e-commerce pour les utilisateurs daltoniens<\/p>\n

\"\"<\/p>\n

#Content<\/p>\n

Using Proto-content for a Better User Experience<\/a> plusieurs fa\u00e7ons d\u2019avoir du proto-contenu en attendant d\u2019avoir le vrai pour avancer sur son design<\/p>\n

\"\"<\/p>\n

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

#Safari<\/p>\n

shrink-to-fit=no, touch-action, support de CSS var() et de will-change, etc., du nouveau pour Safari 9.1<\/a><\/p>\n

\"\"<\/p>\n

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

#CSS<\/p>\n

Moving along a curved path in CSS with layered animation<\/a>, cr\u00e9er une animation qui suit une courbe en superposant 2 animations CSS.<\/p>\n

\"\"<\/p>\n

#Illustrator<\/p>\n

Illustrator for web design part 1<\/a>, une introduction \u00e0 Illustrator pour les webdesigners<\/p>\n

\"\"<\/p>\n

Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n

#Couleur<\/p>\n

Colorfavs.com<\/a> cr\u00e9er une palette de couleurs \u00e0 partir d\u2019une image<\/p>\n

\"\"<\/p>\n

#Sketch<\/p>\n

Sketch Wireframe Template<\/a>, des templates de wireframe pour Sketch<\/p>\n

\"\"<\/p>\n

#JS<\/p>\n

featurejs.com<\/a> \u00a0une librairie de d\u00e9tection des fonctionnalit\u00e9s navigateur de 1kb<\/p>\n

\"\"<\/p>\n

#A11Y<\/p>\n

Free web accessibility tools round-up<\/a>, une liste d\u2019outils de test d\u2019accessibilit\u00e9<\/p>\n

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

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 ans. Il se peut qu’il ne soit plus \u00e0 jour.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. Au programme cette semaine :\u00a0utiliser les teintes d’une couleur dans un design, marier du texte et des images, l’\u00e9ternel …<\/p>\n","protected":false},"author":3,"featured_media":4862,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4861","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 15 janvier 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer :\u00a0utiliser les teintes d'une couleur, marier du texte et des images, d\u00e9bat mobile web vs natif, design au touch, le "physical web ", nouveaut\u00e9s Safari 9.1, tutoriels d\u2019animation CSS et Illustrator, ressources Sketch, JavaScript et accessibilit\u00e9.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/\" \/>\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 15 janvier 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer :\u00a0utiliser les teintes d'une couleur, marier du texte et des images, d\u00e9bat mobile web vs natif, design au touch, le "physical web ", nouveaut\u00e9s Safari 9.1, tutoriels d\u2019animation CSS et Illustrator, ressources Sketch, JavaScript et accessibilit\u00e9.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/\" \/>\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=\"2016-01-15T07:38:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-01-15T07:40:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/lienssemaine-15janvier.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=\"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\" \/>\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-15-janvier-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/\",\"name\":\"La semaine en pixels \u2013 15 janvier 2016 - 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-15-janvier-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/lienssemaine-15janvier.jpg\",\"datePublished\":\"2016-01-15T07:38:06+00:00\",\"dateModified\":\"2016-01-15T07:40:56+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer :\u00a0utiliser les teintes d'une couleur, marier du texte et des images, d\u00e9bat mobile web vs natif, design au touch, le \\\"physical web \\\", nouveaut\u00e9s Safari 9.1, tutoriels d\u2019animation CSS et Illustrator, ressources Sketch, JavaScript et accessibilit\u00e9.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/lienssemaine-15janvier.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/lienssemaine-15janvier.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 15 janvier 2016\"},{\"@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\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 15 janvier 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer :\u00a0utiliser les teintes d'une couleur, marier du texte et des images, d\u00e9bat mobile web vs natif, design au touch, le \"physical web \", nouveaut\u00e9s Safari 9.1, tutoriels d\u2019animation CSS et Illustrator, ressources Sketch, JavaScript et accessibilit\u00e9.","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-15-janvier-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 15 janvier 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer :\u00a0utiliser les teintes d'une couleur, marier du texte et des images, d\u00e9bat mobile web vs natif, design au touch, le \"physical web \", nouveaut\u00e9s Safari 9.1, tutoriels d\u2019animation CSS et Illustrator, ressources Sketch, JavaScript et accessibilit\u00e9.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-01-15T07:38:06+00:00","article_modified_time":"2016-01-15T07:40:56+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/lienssemaine-15janvier.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social","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-15-janvier-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/","name":"La semaine en pixels \u2013 15 janvier 2016 - 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-15-janvier-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/lienssemaine-15janvier.jpg","datePublished":"2016-01-15T07:38:06+00:00","dateModified":"2016-01-15T07:40:56+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer :\u00a0utiliser les teintes d'une couleur, marier du texte et des images, d\u00e9bat mobile web vs natif, design au touch, le \"physical web \", nouveaut\u00e9s Safari 9.1, tutoriels d\u2019animation CSS et Illustrator, ressources Sketch, JavaScript et accessibilit\u00e9.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-15-janvier-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/lienssemaine-15janvier.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/lienssemaine-15janvier.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 15 janvier 2016"},{"@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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4861","targetHints":{"allow":["GET"]}}],"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=4861"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4861\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4862"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}