{"id":4828,"date":"2015-12-31T09:49:16","date_gmt":"2015-12-31T08:49:16","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4828"},"modified":"2015-12-31T09:59:39","modified_gmt":"2015-12-31T08:59:39","slug":"la-semaine-en-pixels-31-decembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 31 d\u00e9cembre 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 : utiliser les capacit\u00e9s des navigateurs modernes pour les webapps,\u00a0ergonomie des menus au survol, typographie responsive et delay au touch, redesigns utiles, t\u00e9moignages de designer qui ont \u00e9t\u00e9 un jour rejet\u00e9s, quelques articles sur des tendances pour 2016, des images responsive dans WordPress, des tutoriels d’illustration et flexbox, propri\u00e9t\u00e9s non support\u00e9es dans Opera mini, ressources pour les formulaires mobiles et un petit g\u00e9n\u00e9rateur de g\u00e9n\u00e9rique de Star Wars en fin d’article.<\/p>\n

Je profite de ce dernier article de l’ann\u00e9e 2015 pour vous remercier de votre lecture fid\u00e8le, et vous souhaiter d’excellentes f\u00eates de fin d’ann\u00e9e<\/strong> :)<\/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

#Conference<\/p>\n

Strat\u00e9gies d\u2019adaptation mobile : ergonomie, UX & performance – S. Walter, JP Vincent<\/a>, la vid\u00e9o de ma conf\u00e9rence \u00e0 BlendWebMix. Les slides sont disponibles ici<\/a>.<\/p>\n

\"\"<\/p>\n

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

#UX #Research<\/p>\n

How We Started Doing More Research at Viget<\/a> (ou comment ils ont commenc\u00e9 \u00e0 r\u00e9ellement inclure la recherche dans leur processus de design). J\u2019ai beaucoup cette citation : \u201c To make a difference, we would need to change the way projects get sold, staffed, and planned, and that would require the awareness and cooperation of the entire company. \u201c<\/p>\n

\"\"<\/p>\n

#Font<\/p>\n

A Responsive Guide to Type Sizing<\/a>, une approche responsive \u00e0 la typographie<\/p>\n

\"\"<\/p>\n

#Usability #Redesign<\/p>\n

Stop #DailyUi Start #FixUi<\/a>, arr\u00eatons de proposer de jolis shots totalement utopiques d\u2019interfaces qui ne pourront jamais exister pour avoir une belle galerie et des likes sur dribbble et \u00e0 la place proposons des redesign d\u2019interfaces r\u00e9elles et probl\u00e9matiques pour entra\u00eener notre cerveau de designer \u00e0 justement r\u00e9soudre des probl\u00e8mes et pas juste \u00e0 aligner 3 jolis pixels dans un shot de 800×600<\/p>\n

\"\"<\/p>\n

#Menu<\/p>\n

Why hover menus are problematic<\/a>, les soucis d\u2019ergonomie engendr\u00e9s par les menus au survol<\/p>\n

\"\"<\/p>\n

#Touch<\/p>\n

Delay<\/a> : le d\u00e9lais au touche et la propri\u00e9t\u00e9 webkit touch-action: manipulation;<\/p>\n

#Responsive<\/p>\n

A Hands-On Guide to Mobile-First Responsive Design<\/a><\/p>\n

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

#Rejection<\/p>\n

rejected.us<\/a> tout le monde a \u00e9t\u00e9 refus\u00e9 \u00e0 un poste un jour, voici leurs histoires<\/p>\n

\"\"<\/p>\n

#Trends<\/p>\n

16 crucial web design trends for 2016 & beyond<\/a>, 16 tendances webdesign pour 2016<\/p>\n

\"\"<\/p>\n

#Bonne Ann\u00e9e<\/p>\n

Une jolie carte de voeux anim\u00e9e<\/a> pour vous souhaiter la bonne ann\u00e9e :)<\/p>\n

\"happynewyear\"<\/p>\n

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

#WordPress #Images<\/p>\n

Responsive Images Now Landed In WordPress Core<\/a><\/p>\n

\"\"<\/p>\n

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

#Illustration<\/p>\n

Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers<\/a>, d\u00e9composer les personnages de Star Wars en formes simples pour cr\u00e9er de jolies illustrations<\/p>\n

\"\"<\/p>\n

#CSS #flexbox<\/p>\n

Prennez un caf\u00e9, une respiration, voici comment fonctionne flex-grow : `flex-grow` is weird. Or is it?<\/a><\/p>\n

\"\"<\/p>\n

#Webapp<\/p>\n

Utiliser les capacit\u00e9s modernes des navigateurs pour proposer des webapps qui se rapprochent progressivement des applications natives en terme de rendu et de fonctionnalit\u00e9s : Getting started with Progressive Web Apps<\/a>.<\/p>\n

\"\"<\/p>\n

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

#Browser<\/p>\n

WTF Opera Mini?!<\/a> les propri\u00e9t\u00e9s CSS pas support\u00e9es dans Opera mini<\/p>\n

\"\"<\/p>\n

#Touch #Form<\/p>\n

Touch Keyboard Types – des d\u00e9mos et du code HTML5<\/a> pour avoir les diff\u00e9rents claviers optimis\u00e9s au touch en HTML5 sur mobile<\/p>\n

\"\"<\/p>\n

#SVG<\/p>\n

Walkway.js<\/a> – une librairie d\u2019animation de lignes en SVG<\/p>\n

\"\"<\/p>\n

 <\/p>\n

 <\/p>\n

#Talk<\/p>\n

Une \u00a0juste liste de conf\u00e9rences front-end pour 2015<\/a><\/p>\n

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

#Star Wars<\/p>\n

Star Wars Intro Generator<\/a> :D<\/p>\n

\"\"<\/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 : utiliser les capacit\u00e9s des navigateurs modernes pour les webapps,\u00a0ergonomie des menus au survol, typographie …<\/p>\n","protected":false},"author":3,"featured_media":4813,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4828","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 31 d\u00e9cembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer :\u00a0capacit\u00e9s des navigateurs modernes pour les webapps,\u00a0ergonomie des menus au survol, typographie responsive et delay au touch, tendances pour 2016, images responsive dans WordPress, tutoriels d'illustration et flexbox.\" \/>\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-31-decembre-2015\/\" \/>\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 31 d\u00e9cembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer :\u00a0capacit\u00e9s des navigateurs modernes pour les webapps,\u00a0ergonomie des menus au survol, typographie responsive et delay au touch, tendances pour 2016, images responsive dans WordPress, tutoriels d'illustration et flexbox.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-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-12-31T08:49:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-12-31T08:59:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/liensemaine-31decembre2015.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-31-decembre-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-2015\/\",\"name\":\"La semaine en pixels \u2013 31 d\u00e9cembre 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-31-decembre-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-31decembre2015.jpg\",\"datePublished\":\"2015-12-31T08:49:16+00:00\",\"dateModified\":\"2015-12-31T08:59:39+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer :\u00a0capacit\u00e9s des navigateurs modernes pour les webapps,\u00a0ergonomie des menus au survol, typographie responsive et delay au touch, tendances pour 2016, images responsive dans WordPress, tutoriels d'illustration et flexbox.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-31decembre2015.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-31decembre2015.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 31 d\u00e9cembre 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 31 d\u00e9cembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer :\u00a0capacit\u00e9s des navigateurs modernes pour les webapps,\u00a0ergonomie des menus au survol, typographie responsive et delay au touch, tendances pour 2016, images responsive dans WordPress, tutoriels d'illustration et flexbox.","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-31-decembre-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 31 d\u00e9cembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer :\u00a0capacit\u00e9s des navigateurs modernes pour les webapps,\u00a0ergonomie des menus au survol, typographie responsive et delay au touch, tendances pour 2016, images responsive dans WordPress, tutoriels d'illustration et flexbox.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-12-31T08:49:16+00:00","article_modified_time":"2015-12-31T08:59:39+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/liensemaine-31decembre2015.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-31-decembre-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-2015\/","name":"La semaine en pixels \u2013 31 d\u00e9cembre 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-31-decembre-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-31decembre2015.jpg","datePublished":"2015-12-31T08:49:16+00:00","dateModified":"2015-12-31T08:59:39+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer :\u00a0capacit\u00e9s des navigateurs modernes pour les webapps,\u00a0ergonomie des menus au survol, typographie responsive et delay au touch, tendances pour 2016, images responsive dans WordPress, tutoriels d'illustration et flexbox.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-31-decembre-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-31decembre2015.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-31decembre2015.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 31 d\u00e9cembre 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\/4828","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=4828"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4828\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4813"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4828"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4828"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}