{"id":3373,"date":"2014-11-28T08:26:01","date_gmt":"2014-11-28T07:26:01","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3373"},"modified":"2014-11-28T11:11:02","modified_gmt":"2014-11-28T10:11:02","slug":"la-semaine-en-pixels-28-novembre-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/","title":{"rendered":"La semaine en pixels \u2013 28 novembre 2014"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 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 : des posters sur les mythes d’UX, des tampons provoc’, des animations qui suivent les lois de la physique, du flexbox pour mobile, encore un petit article sur le burger menu qui propose des am\u00e9liorations, on parle d’accessibilit\u00e9, de labels flottants, un peu d’e-commerce, des visualisations impressionnantes des trajets des avions sur les grands lignes, du material design packag\u00e9 dans un framework, etc.<\/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

#Tampon<\/p>\n

Le tampographe Sardon<\/a>, des tampons bordeline et d\u00e9licieusement provoc’, j’adore le Tout enfant abandonne sera detruit<\/a> \u00a0et leurs descriptions<\/p>\n

\"Le<\/p>\n

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

#Flexbox #Mobile<\/p>\n

Why we can\u2019t use flexbox to re-order elements yet<\/a> : Android 4.0 ne supporte pas flex-direction\u00a0du coup on peut pas utiliser\u00a0flexbox pour re-ordonner des blocs pour le moment, par contre vous pouvez utiliser l’ancienne syntaxe\u00a0(avec auto-prefixer) tout ira bien (voir commentaires de Rapha\u00ebl plus bas)<\/p>\n

\"Why<\/p>\n

#Mobile Navigation<\/p>\n

Much Ado About Hamburger Icons<\/a>, un r\u00e9capitulatif de ce qui a \u00e9t\u00e9 \u00e9crit sur le \u201cburger icon\u201d mais surtout sur les menus \u201coff-canvas\u201d avec des exemples concrets sur comment les am\u00e9liorer<\/p>\n

\"Much<\/p>\n

#Accessibility<\/p>\n

Une question interessante par @notabene<\/a> : \u201cBackground and foreground colours: questioning an old rule<\/a>\u201d (est-ce que la r\u00e8gle de mettre un fond de couleur sur le body est toujours utile avec nos navigateurs modernes)<\/p>\n

#Label<\/p>\n

Interactive float-labels<\/a> : am\u00e9liorer l\u2019utilisabilit\u00e9 des labels dans le champ de saisie des formulaires (et afficher le mot de passe par la m\u00eame occasion)<\/p>\n

#User Story<\/p>\n

A framework for modern User Stories<\/a>, un framework pour vous aider \u00e0 \u00e9crire de meilleurs sc\u00e9narios utilisateur<\/p>\n

\"A<\/p>\n

#E-commerce<\/p>\n

7 Tips for Designing a Better Checkout Page<\/a>, 7 conseils pour le design de processus d\u2019achat e-commerce<\/p>\n

#E-commerce<\/p>\n

The Showrooming Threat 5 Ways to Fight Back<\/a> – 5 fa\u00e7ons de combattre le \u201cshorooming\u201d, ce ph\u00e9nom\u00e8ne d\u2019utilisateurs qui viennent voir un produit en magasin pour ensuite aller l\u2019acheter en ligne<\/p>\n

\"The<\/p>\n

#Programming
\nProgrammers: Please don’t ever say this to beginners<\/a>, ne d\u00e9nigrez pas le langage de programmation qu\u2019un d\u00e9butant est entrain d\u2019apprendre, et proposez lui plut\u00f4t des feedbacks constructifs !<\/p>\n

\"Programmers:<\/p>\n

Les Nouveaut\u00e9s webdesign<\/h2>\n

#Firefox OS<\/p>\n

La meta <meta name=\u00a0\u00bbtheme-color\u00a0\u00bb content=\u00a0\u00bbpink\u00a0\u00bb><\/a> pour coloriser la barre du haut de l\u2019application est disponible dans Firefox OS :)<\/p>\n

\"<meta<\/p>\n

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

#Visulalisation<\/p>\n

\u00ab\u00a0Watch the invisible patterns of air travel over some of the busiest skies in the world<\/a>\u00a0\u00bb une magnifique visualisation des couloirs aeriens des grandes companiges a\u00e9riennes en vid\u00e9o<\/p>\n

\"Watch<\/p>\n

#UX<\/p>\n

32 Posters That Debunk Common UX Misconceptions<\/a>, 32 posters pour casser les mythes de l\u2019exp\u00e9rience utilisateur<\/p>\n

\"32<\/p>\n

#Dribbble<\/p>\n

Tindddle.com<\/a>,un tinder pour dribbble, il fallait bien que \u00e7a arrive<\/p>\n

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

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

#Animation<\/p>\n

Creating Animations and Interactions with Physical Models<\/a> un petit tuto pour jouer avec des animations et les lois de la physique (gravit\u00e9 par exemple)<\/p>\n

\"Creating<\/p>\n

Des ressources utiles<\/h2>\n

#Analytics<\/p>\n

Improve your Analytics skills with free online courses from Google<\/a>: Google propose des cours pour vous familiariser avec diff\u00e9rentes techniques d\u2019analytics<\/p>\n

\"Improve<\/p>\n

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

#Material<\/p>\n

Material UI<\/a>, des composants CSS et React sur le style Material UI de Google<\/p>\n

\"Material<\/p>\n

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

#HTLM<\/p>\n

dirtyhtml.tumblr.com<\/a> \u00a0le tumblr du code pas tr\u00e8s joli joli<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 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 : des posters sur les mythes d’UX, des tampons provoc’, des animations qui suivent les lois de …<\/p>\n","protected":false},"author":3,"featured_media":3378,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-3373","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 28 novembre 2014 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer : des tampons provoc', flexbox pour mobile, am\u00e9liorer le burger menu, des labels flottants, un peu d'e-commerce, du material design packag\u00e9 dans un framework, etc.\" \/>\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-28-novembre-2014\/\" \/>\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 28 novembre 2014 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer : des tampons provoc', flexbox pour mobile, am\u00e9liorer le burger menu, des labels flottants, un peu d'e-commerce, du material design packag\u00e9 dans un framework, etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/\" \/>\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=\"2014-11-28T07:26:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-11-28T10:11:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/11\/lienssemaine-28novembre.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-28-novembre-2014\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/\",\"name\":\"La semaine en pixels \u2013 28 novembre 2014 - 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-28-novembre-2014\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/11\/lienssemaine-28novembre.jpg\",\"datePublished\":\"2014-11-28T07:26:01+00:00\",\"dateModified\":\"2014-11-28T10:11:02+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer : des tampons provoc', flexbox pour mobile, am\u00e9liorer le burger menu, des labels flottants, un peu d'e-commerce, du material design packag\u00e9 dans un framework, etc.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/11\/lienssemaine-28novembre.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/11\/lienssemaine-28novembre.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 28 novembre 2014\"},{\"@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 28 novembre 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer : des tampons provoc', flexbox pour mobile, am\u00e9liorer le burger menu, des labels flottants, un peu d'e-commerce, du material design packag\u00e9 dans un framework, etc.","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-28-novembre-2014\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 28 novembre 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer : des tampons provoc', flexbox pour mobile, am\u00e9liorer le burger menu, des labels flottants, un peu d'e-commerce, du material design packag\u00e9 dans un framework, etc.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-11-28T07:26:01+00:00","article_modified_time":"2014-11-28T10:11:02+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/11\/lienssemaine-28novembre.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-28-novembre-2014\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/","name":"La semaine en pixels \u2013 28 novembre 2014 - 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-28-novembre-2014\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/11\/lienssemaine-28novembre.jpg","datePublished":"2014-11-28T07:26:01+00:00","dateModified":"2014-11-28T10:11:02+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer : des tampons provoc', flexbox pour mobile, am\u00e9liorer le burger menu, des labels flottants, un peu d'e-commerce, du material design packag\u00e9 dans un framework, etc.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-28-novembre-2014\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/11\/lienssemaine-28novembre.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/11\/lienssemaine-28novembre.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 28 novembre 2014"},{"@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\/3373","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=3373"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/3373\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/3378"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=3373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=3373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=3373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}