{"id":4041,"date":"2015-06-05T10:57:44","date_gmt":"2015-06-05T08:57:44","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4041"},"modified":"2015-06-05T10:57:44","modified_gmt":"2015-06-05T08:57:44","slug":"la-semaine-en-pixels-5-juin-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-juin-2015\/","title":{"rendered":"La semaine en pixels \u2013 5 juin 2015"},"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, \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 :\u00a0de la mobilit\u00e9 avec des modales et du zoom, de l’alignement d’ic\u00f4nes irr\u00e9guli\u00e8res, du test utilisateur de site mobile\/app de pizza, les magnifiques voitures de Mad Max, un peu de flexbox et des images performantes dans WordPress sans oublier une font pour les codeurs et l’\u00e9volution du t\u00e9l\u00e9phone en SVG anim\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

#Align #Icones #Oeil<\/p>\n

The PLAY button is not optical alignment<\/a> – un article tr\u00e8s int\u00e9ressant sur comment aligner des objets irr\u00e9guliers qui explique pourquoi l\u2019alignement automatique ne fonctionne pas toujours. C\u2019est \u00e9galement un peu pour \u00e7a qu\u2019il est parfois difficile d\u2019aligner en utilisant des valeurs CSS \u00e9gales, m\u00eame si math\u00e9matiquement c\u2019est align\u00e9, \u00e7a ne le sera pas pour l\u2019oeil humain.<\/p>\n

\"The<\/p>\n

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

#SEO #UX<\/p>\n

Toutes ces choses que vous ne devez pas faire POUR Google<\/a> \u201cPour r\u00e9sumer ce point : Google, on s’en fout, c’est le confort du visiteur qui compte.\u201d un super article SEO \u00e0 mettre dans les mains de tout le monde !<\/p>\n

\"Toutes<\/p>\n

#Modal #Mobile<\/p>\n

Modals on Mobile: How to use them wisely<\/a>, les modales sur mobile, c\u2019est \u00e0 utiliser avec parcimonie<\/p>\n

#Mobile #a11y<\/p>\n

4 reasons not to disable zoom in your responsive design<\/a>, 4 raisons de ne pas d\u00e9sactiver le zoom, car vous n\u2019avez aucune id\u00e9e de la situation de votre utilisateur, ses capacit\u00e9s ou encore l\u2019appareil sur lequel il va visiter votre site<\/p>\n

#Test Utilisateur<\/p>\n

Why you don\u2019t need to test with your target audience<\/a>, ou pourquoi vous n\u2019avez pas toujours besoin de tester sur votre audience cible pour un audit d\u2019utilisabilit\u00e9<\/p>\n

\"Why<\/p>\n

#UX #App #Testing<\/p>\n

Pizza app\/site user testing<\/a> : le test du site et application mobile d\u2019un restaurant de pizza, au final c\u2019est plus simple de les appeler pour commander, mais si vous voulez des options de personnalisation l\u2019application propose une exp\u00e9rience interessante<\/p>\n

\"Pizza<\/p>\n

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

#Firefox<\/p>\n

New Performance Tools in Firefox Developer Edition 40<\/a>, un nouvel outil de performance web dans Firefox<\/p>\n

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

#Fun<\/p>\n

Ninja Turtle Photoshop Layers! Idea by Jon Howard<\/a><\/p>\n

\"Ninja<\/p>\n

#Mad Max<\/p>\n

Vehicleshowcase.madmaxmovie.com<\/a> si comme moi vous avez ador\u00e9 graphiquement les voitures dans Mad Max, ce site va vous ravir (attention musique sur le site)<\/p>\n

\"Vehicleshowcase.madmaxmovie.com<\/p>\n

#Styldeguide<\/p>\n

Les brand guidelines de Uber<\/a> sont vraiment classe<\/p>\n

\"Les<\/p>\n

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

#WordPress #Performance<\/p>\n

The Complete Guide to Mastering Image Optimization for WordPress<\/a>, le guide de l\u2019optimisation WordPress<\/p>\n

\"The<\/p>\n

#Flexbox<\/p>\n

Building Flexbox website<\/a>, un guide en ligne sur la construction de sites avec flexbox<\/p>\n

\"Building<\/p>\n

#CSS #Images<\/p>\n

G\u00e9rer les images responsive<\/a> avec des viewport units<\/p>\n

Des ressources utiles<\/h2>\n

#Ebook #Styleguide<\/p>\n

Style Guides for Modern Designers<\/a>, un ebook gratuit sur le design de style guide, par Uxpin<\/p>\n

\"Style<\/p>\n

#Font #Coding<\/p>\n

Monoid<\/a>, une jolie police pour \u00e9crire du code<\/p>\n

\"Monoid\"<\/p>\n

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

#markdown<\/p>\n

Une liste d\u2019\u00e9diteurs markdown en ligne <\/a><\/p>\n

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

#CSS<\/p>\n

Des go\u00fbtes d\u2019eau en CSS<\/a>, inutile sur un vrai projet mais j\u2019admire la prouesse<\/p>\n

\"Des<\/p>\n

#SVG #Telephone<\/p>\n

Une \u00e9volution des t\u00e9l\u00e9phones en animation SVG<\/a>, de quoi vous rappeler quelques souvenirs de bon matin<\/p>\n

\"Une<\/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, \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 :\u00a0de la mobilit\u00e9 avec des modales et du zoom, de l’alignement d’ic\u00f4nes irr\u00e9guli\u00e8res, du test …<\/p>\n","protected":false},"author":3,"featured_media":4043,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4041","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 5 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer : modales et zoom sur mobile, alignement d'ic\u00f4nes, test utilisateur de pizzerias sur mobile, flexbox, police pour codeurs et optimisation d'images sous WordPress\" \/>\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-5-juin-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 5 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer : modales et zoom sur mobile, alignement d'ic\u00f4nes, test utilisateur de pizzerias sur mobile, flexbox, police pour codeurs et optimisation d'images sous WordPress\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-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-05T08:57:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/06\/lienssemaine-5juin.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-5-juin-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-juin-2015\/\",\"name\":\"La semaine en pixels \u2013 5 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-5-juin-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-juin-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-5juin.jpg\",\"datePublished\":\"2015-06-05T08:57:44+00:00\",\"dateModified\":\"2015-06-05T08:57:44+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer : modales et zoom sur mobile, alignement d'ic\u00f4nes, test utilisateur de pizzerias sur mobile, flexbox, police pour codeurs et optimisation d'images sous WordPress\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-juin-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-juin-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-5juin.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-5juin.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 5 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 5 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer : modales et zoom sur mobile, alignement d'ic\u00f4nes, test utilisateur de pizzerias sur mobile, flexbox, police pour codeurs et optimisation d'images sous WordPress","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-5-juin-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 5 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer : modales et zoom sur mobile, alignement d'ic\u00f4nes, test utilisateur de pizzerias sur mobile, flexbox, police pour codeurs et optimisation d'images sous WordPress","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-juin-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-06-05T08:57:44+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/06\/lienssemaine-5juin.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-5-juin-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-juin-2015\/","name":"La semaine en pixels \u2013 5 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-5-juin-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-juin-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-5juin.jpg","datePublished":"2015-06-05T08:57:44+00:00","dateModified":"2015-06-05T08:57:44+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer : modales et zoom sur mobile, alignement d'ic\u00f4nes, test utilisateur de pizzerias sur mobile, flexbox, police pour codeurs et optimisation d'images sous WordPress","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-juin-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-juin-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-5juin.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-5juin.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 5 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\/4041","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=4041"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4041\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4043"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4041"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4041"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}