{"id":5743,"date":"2016-09-23T08:43:14","date_gmt":"2016-09-23T06:43:14","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5743"},"modified":"2016-09-23T08:56:18","modified_gmt":"2016-09-23T06:56:18","slug":"semaine-pixels-23-septembre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/","title":{"rendered":"La semaine en pixels \u2013 23 septembre 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 : CSS level 4, loaders et CSS shapes, beaucoup d’articles sur le mobile (AMP, Progressive Web Apps, designer pour le touch et le pouce, designer les message et \u00e9tat d’erreurs et une liste d’outils pour les applications), le retour du syndrome de l’imposteur, un peu de typographie et de performance et de l’accessibilit\u00e9 (design pour l’autisme, utilisation de button et une jolie collection de posters de bonnes pratiques).<\/p>\n

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

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

#A11Y<\/p>\n

A few \u00ab\u00a0Dos and don’ts on designing for accessibility<\/a>\u00a0\u00bb posters<\/p>\n

\"\"<\/p>\n

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

#CSS<\/p>\n

Why there is no CSS4 – explaining CSS Levels<\/a>, explication de CSS level 4 et non CSS4.<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

The (frustrating) User Experience of defining your own ethnicity<\/a>, ou l\u2019exp\u00e9rience frustrante de voir son origine ethnique oubli\u00e9e dans les choix sur un site web<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

What is AMP?<\/a> qu\u2019est ce que AMP<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

When Card UI Design Doesn\u2019t Work<\/a> \u00e0 quel moment vaut-il mieux \u00e9viter un design en cartes ?<\/p>\n

\"\"<\/p>\n

#Design #Autism<\/p>\n

A Summer Designing for Autism<\/a>, une excellente lecture et \u00e9tude de cas sur designer une interface adapt\u00e9e aux personnes autistes et avec des troubles de l\u2019attention<\/p>\n

\"\"<\/p>\n

#PWA<\/p>\n

Une introduction aux PWA \u00e0 lire en premier : An intro to progressive web apps<\/a><\/p>\n

Et ensuite, plut\u00f4t d\u2019accord avec \u00e7a, pourquoi les progressive web apps semblent une strat\u00e9gie \u201clogique\u201d Progressive Web Apps Simply Make Sense<\/a><\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

The Thumb Zone: Designing For Mobile Users<\/a>, les zones de touch sur mobile<\/p>\n

\"\"<\/p>\n

#Imposter Syndrom<\/p>\n

The Imposter<\/a>, une petite planche de BD sur le syndr\u00f4me de l\u2019imposteur et comment y faire face<\/p>\n

\"\"<\/p>\n

#Onboarding<\/p>\n

Don\u2019t overdo your social app onboarding<\/a>, un article sur diff\u00e9rentes techniques d\u2019onboarding<\/p>\n

\"\"<\/p>\n

#Typography #Performance<\/p>\n

The New System Font Stack?<\/a> les sites n\u2019ont pas besoin d\u2019\u00eatre 100% identiques sur tous les navigateurs, pourquoi ne pas tenter la font native ?<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

How To Design Error States For Mobile Apps<\/a>, le design d\u2019erreurs pour les applications mobiles<\/p>\n

\"\"<\/p>\n

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

#Sensibilisation<\/p>\n

Une campagne de sensibilisation bien foutue \u00a0:)<\/a><\/p>\n

\"\"<\/p>\n

#Horoscope<\/p>\n

Le tweet qui a bien fait rire ma TL cette semaine \u00e0 base d\u2019illustrations<\/a><\/p>\n

\"\"<\/p>\n

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

#Git<\/p>\n

Oh shit, git!<\/a> des fonctions git expliqu\u00e9es en langage humain ^^<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Thinking Outside the Box with CSS shape-outside<\/a>, un petit tutoriel sur les shapes CSS<\/p>\n

\"\"<\/p>\n

#Accessibility<\/p>\n

Just use button — A11ycasts #05<\/a>, ou pourquoi il vaut mieux utiliser un button pour des boutons en HTML dans tous les cas (m\u00eame avec aria)<\/p>\n

\"\"<\/p>\n

#Devtool<\/p>\n

Twelve Fancy Chrome DevTools Tips<\/a>, les astuces de l\u2019outil de d\u00e9veloppement de Chrome<\/p>\n

\"\"<\/p>\n

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

#CSS #Loader<\/p>\n

CSS loaders<\/a>, une galerie de loaders en CSS<\/p>\n

\"\"<\/p>\n

#App<\/p>\n

App Tools<\/a>, une liste d\u2019outils pour le design et le d\u00e9veloppement d\u2019applications mobiles<\/p>\n

\"\"<\/p>\n

#Sketch<\/p>\n

Sketchode.com<\/a>, un plugin gratuit qui vous permet d\u2019exporter des sp\u00e9cifications dans Sketch (tailles, couleurs, etc.)<\/p>\n

\"\"<\/p>\n

#Bots<\/p>\n

thenextbot.com<\/a> une timeline consacr\u00e9e au news sur les bots, l\u2019intelligence artificielle, etc.<\/p>\n

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

#Typography<\/p>\n

Knowyourfont.com<\/a>, un petit jeu typographique<\/p>\n

\"\"<\/p>\n

#Mreeouw<\/p>\n

Caressez le chat pour le faire ronronner (sur android)<\/a><\/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 : CSS level 4, loaders et CSS shapes, beaucoup d’articles sur le mobile (AMP, Progressive Web Apps, …<\/p>\n","protected":false},"author":3,"featured_media":5747,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5743","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 23 septembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <meta name=\"description\" content=\"A ne pas manquer: AMP, Progressive Web apps, designer pour le touch, \u00e9tat d'erreur sur mobile, typographie et performance, accessibilit\u00e9 (design pour l'autisme, utilisation de button et collection de posters),\u00a0CSS level 4, loaders et CSS shapes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-2242.html \/>\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 23 septembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer: AMP, Progressive Web apps, designer pour le touch, \u00e9tat d'erreur sur mobile, typographie et performance, accessibilit\u00e9 (design pour l'autisme, utilisation de button et collection de posters),\u00a0CSS level 4, loaders et CSS shapes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-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-09-23T06:43:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-09-23T06:56:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/liensemaine-23sept2016.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-23-septembre-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/\",\"name\":\"La semaine en pixels \u2013 23 septembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-23sept2016.jpg\",\"datePublished\":\"2016-09-23T06:43:14+00:00\",\"dateModified\":\"2016-09-23T06:56:18+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer: AMP, Progressive Web apps, designer pour le touch, \u00e9tat d'erreur sur mobile, typographie et performance, accessibilit\u00e9 (design pour l'autisme, utilisation de button et collection de posters),\u00a0CSS level 4, loaders et CSS shapes.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-23sept2016.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-23sept2016.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 23 september 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 23 septembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer: AMP, Progressive Web apps, designer pour le touch, \u00e9tat d'erreur sur mobile, typographie et performance, accessibilit\u00e9 (design pour l'autisme, utilisation de button et collection de posters),\u00a0CSS level 4, loaders et CSS shapes.","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-23-septembre-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 23 septembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer: AMP, Progressive Web apps, designer pour le touch, \u00e9tat d'erreur sur mobile, typographie et performance, accessibilit\u00e9 (design pour l'autisme, utilisation de button et collection de posters),\u00a0CSS level 4, loaders et CSS shapes.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-09-23T06:43:14+00:00","article_modified_time":"2016-09-23T06:56:18+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/liensemaine-23sept2016.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-23-septembre-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/","name":"La semaine en pixels \u2013 23 septembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-23sept2016.jpg","datePublished":"2016-09-23T06:43:14+00:00","dateModified":"2016-09-23T06:56:18+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer: AMP, Progressive Web apps, designer pour le touch, \u00e9tat d'erreur sur mobile, typographie et performance, accessibilit\u00e9 (design pour l'autisme, utilisation de button et collection de posters),\u00a0CSS level 4, loaders et CSS shapes.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-septembre-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-23sept2016.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-23sept2016.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 23 september 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\/5743"}],"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=5743"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5743\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5747"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}