{"id":5838,"date":"2016-10-14T08:46:45","date_gmt":"2016-10-14T06:46:45","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5838"},"modified":"2016-10-14T08:53:37","modified_gmt":"2016-10-14T06:53:37","slug":"semaine-pixels-14-octobre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/","title":{"rendered":"La semaine en pixels \u2013 14 octobre 2016"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 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.<\/p>\n

Au programme : les femmes dans l’industrie des nouvelles technologies, quelques vid\u00e9os sympa sur la cr\u00e9ativit\u00e9, la typographie et un outil illustrator, frameworks mobile, utilisation de SVG, technique et conseils ergo pour styler les liens, des techniques de design pour l’attention r\u00e9duite et des retours client imag\u00e9s. Ne manquez \u00e9galement pas les templates d’appareil \u00e0 t\u00e9l\u00e9charger pour le sketching mobile.<\/p>\n

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

 <\/p>\n

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

#Woman #Tech<\/p>\n

The Real Reason Women Quit Tech (and How to Address It)<\/a>. Les raisons pour lesquelles les femmes quittent l\u2019industrie tech (et des id\u00e9es pour y rem\u00e9dier)<\/p>\n

\"\"<\/p>\n

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

#Mobile<\/p>\n

The State of HTML Mobile frameworks in 2016<\/a>, les frameworks HTML pour faire du mobile en 2016, petit \u00e9tat des lieux<\/p>\n

\"\"<\/p>\n

#Conference<\/p>\n

The Less Obvious Conference Checklist<\/a>, une petite check liste de bonnes id\u00e9es pour am\u00e9liorer nos conf\u00e9rences<\/p>\n

\"\"<\/p>\n

#SVG<\/p>\n

SVG & media queries<\/a> SVG et media queries, la d\u00e9finition du viewport d\u00e9pend de comment on inclut le SVG dans la page et du navigateur. Pratique :\/<\/p>\n

\"\"<\/p>\n

#A11Y<\/p>\n

Popup Ads Are Terrible, and They’re Even Worse for the Blind<\/a>, les publicit\u00e9s en pop-up, la plaie des lecteurs d\u2019\u00e9cran et personnes aveugles<\/p>\n

\"\"<\/p>\n

#Usability<\/p>\n

Hyperlink Usability: Guidelines For Usable Links<\/a>, quelques bons conseils pour des liens utilisables<\/p>\n

\"\"<\/p>\n

#Psychologie #Design<\/p>\n

10 psychological techniques for engaging your users<\/a>, 10 fa\u00e7ons d\u2019utiliser les biais cognitifs de vos utilisateurs pour g\u00e9n\u00e9rer de l\u2019engagement<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Designing for short attention spans<\/a>, designer pour des utilisateurs avec peu d\u2019attention<\/p>\n

\"\"<\/p>\n

#HTML<\/p>\n

HTML5 input fields and locales<\/a>, les inputs HTML5 et la localisation, c\u2019est pas super au point.<\/p>\n

\"\"<\/p>\n

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

#Typographie<\/p>\n

ACG #1 Tout le monde d\u00e9teste Comic Sans MS<\/a>. C\u2019est top et y a pleins de trucs \u00e0 apprendre et l\u2019habillage est super cool, foncez :)<\/p>\n

\"\"<\/p>\n

#Retours Client<\/p>\n

Les retours client tant redout\u00e9s<\/a><\/p>\n

\"\"<\/p>\n

#Play<\/p>\n

Tales of creativity and play<\/a>, une vid\u00e9os tr\u00e8s sympa sur la cr\u00e9ativit\u00e9 et le jeu<\/p>\n

\"\"
\nLes tutoriels de la semaine<\/h2>\n

#CSS<\/p>\n

Styling Underlines on the Web<\/a>, styler de mani\u00e8re un peu plus sympa les soulignements des liens<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Using CSS Mod Queries with Range Selectors<\/a>, utiliser les s\u00e9lecteurs CSS pour s\u00e9lectionner des \u00e9l\u00e9ments en fonction de leur position sur une liste<\/p>\n

\"\"<\/p>\n

#Illustrator<\/p>\n

Le shaper tool d\u2019illustrator<\/a> expliqu\u00e9 en une courte vid\u00e9o, le potentiel est sympa<\/p>\n

\"\"<\/p>\n

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

#Sketching<\/p>\n

sneakpeekit.com<\/a>, des grilles de points avec des appareils (mobile, desktop) \u00e0 imprimer pour du sketching<\/p>\n

\"\"<\/p>\n

#React #Reactions<\/p>\n

React Reactions<\/a>, un syst\u00e8me de r\u00e9actions \u00e0 la Facebook pour votre app React (avec des Pokemons)<\/p>\n

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

#Line<\/p>\n

Line maker little demo<\/a>, des lignes en CSS pour le fun et la d\u00e9co<\/p>\n

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

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 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 : les femmes dans l’industrie des nouvelles technologies, quelques vid\u00e9os sympa sur la cr\u00e9ativit\u00e9, la typographie et …<\/p>\n","protected":false},"author":3,"featured_media":5828,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5838","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 14 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer: typographie et outils illustrator, frameworks mobile, utilisation de SVG, technique pour styler les liens, design pour l'attention et templates d'appareil \u00e0 t\u00e9l\u00e9charger pour le sketching mobile.\" \/>\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\/semaine-pixels-14-octobre-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 14 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer: typographie et outils illustrator, frameworks mobile, utilisation de SVG, technique pour styler les liens, design pour l'attention et templates d'appareil \u00e0 t\u00e9l\u00e9charger pour le sketching mobile.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-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-10-14T06:46:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-14T06:53:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/liensemaine-14oct2016.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\/semaine-pixels-14-octobre-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/\",\"name\":\"La semaine en pixels \u2013 14 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine-14oct2016.jpg\",\"datePublished\":\"2016-10-14T06:46:45+00:00\",\"dateModified\":\"2016-10-14T06:53:37+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer: typographie et outils illustrator, frameworks mobile, utilisation de SVG, technique pour styler les liens, design pour l'attention et templates d'appareil \u00e0 t\u00e9l\u00e9charger pour le sketching mobile.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine-14oct2016.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine-14oct2016.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 14 octobre 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\":\"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 14 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer: typographie et outils illustrator, frameworks mobile, utilisation de SVG, technique pour styler les liens, design pour l'attention et templates d'appareil \u00e0 t\u00e9l\u00e9charger pour le sketching mobile.","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\/semaine-pixels-14-octobre-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 14 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer: typographie et outils illustrator, frameworks mobile, utilisation de SVG, technique pour styler les liens, design pour l'attention et templates d'appareil \u00e0 t\u00e9l\u00e9charger pour le sketching mobile.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-10-14T06:46:45+00:00","article_modified_time":"2016-10-14T06:53:37+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/10\/liensemaine-14oct2016.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\/semaine-pixels-14-octobre-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/","name":"La semaine en pixels \u2013 14 octobre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine-14oct2016.jpg","datePublished":"2016-10-14T06:46:45+00:00","dateModified":"2016-10-14T06:53:37+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer: typographie et outils illustrator, frameworks mobile, utilisation de SVG, technique pour styler les liens, design pour l'attention et templates d'appareil \u00e0 t\u00e9l\u00e9charger pour le sketching mobile.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-14-octobre-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine-14oct2016.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/10\/liensemaine-14oct2016.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 14 octobre 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":"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\/5838","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=5838"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5828"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}