{"id":5139,"date":"2016-03-25T07:00:55","date_gmt":"2016-03-25T06:00:55","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5139"},"modified":"2016-03-25T17:37:43","modified_gmt":"2016-03-25T16:37:43","slug":"la-semaine-en-pixels-25-mars-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-2016\/","title":{"rendered":"La semaine en pixels \u2013 25 mars 2016"},"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, \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 cette semaine : webfonts, optimisation de champ de formulaires, procrastination, des r\u00e9flexions sur l’uniformisation du design, le flat et l’UX de mani\u00e8re g\u00e9n\u00e9rale, des animations CSS, du flexbox et des astuces front-end. Un peut d’inspiration typographique et du c\u00f4t\u00e9 des outils, des d\u00e9grad\u00e9s, un kit UX et un outil pour v\u00e9rifier votre Web Manifest.<\/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

#Mobile<\/p>\n

Je suis h\u00e9las tout \u00e0 fait d\u2019accord avec cet article : The web on my phone<\/a>, Apple qui ne laisse aucun autre moteur de rendu\u00a0sur sa plateforme<\/p>\n

\"\"<\/p>\n

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

#Fonts<\/p>\n

Webfonts<\/a> utiliser les fonts syst\u00e8me sur nos sites \u00e0 la place des webfonts, qui d’apr\u00e8s l\u2019auteur causent plus de soucis (performance) qu\u2019elles n\u2019en r\u00e9solvent. Votre avis ?<\/p>\n

\"\"<\/p>\n

#Passwords<\/p>\n

A safe way to toggle passwords<\/a> une meilleur fa\u00e7on de proposer l\u2019affichage des mots de passe aux utilisateurs<\/p>\n

\"\"<\/p>\n

#TED<\/p>\n

Why some of us don’t have one true calling<\/a>, une conf\u00e9rence TED sur les personnes incapables de rester dans une discipline et c\u2019est tant mieux.<\/p>\n

\"\"<\/p>\n

#Procrastination<\/p>\n

How Procrastinating Can Boost Your Creativity<\/a>, comment la procrastination peut vous aider \u00e0 \u00eatre cr\u00e9atif, un article parfait pour le vendredi.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

#UX<\/p>\n

UX is Not Design<\/a> – l\u2019UX ce n\u2019est pas de l\u2019UI, cet article s’int\u00e9resse aux \u00e9l\u00e9ments qui font partie de l\u2019exp\u00e9rience utilisateur sans pour autant faire partie du design d\u2019interface<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

5 Essential UX Rules for Dialog Design <\/a>5 r\u00e8gles de base pour designer des dialogues et de fen\u00eatres modales<\/p>\n

\"\"<\/p>\n

#Animation<\/p>\n

7 Types of Animations for Your Mobile App<\/a>, 7 diff\u00e9rents types d\u2019animation illustr\u00e9s par des exemples<\/p>\n

\"\"<\/p>\n

#Flexbox<\/p>\n

Par d\u00e9faut les flex items ne seront pas capables de se r\u00e9duire en dessous de la taille de leur contenu minimum –> min-width: 0;<\/a><\/p>\n

\"\"<\/p>\n

#Animations<\/p>\n

Web Animation Past, Present, and Future<\/a> \u00a0par @rachelnabors<\/a><\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Dirty Tricks From The Dark \u2028Corners Of Front-End<\/a><\/p>\n

\"\"<\/p>\n

#Flat<\/p>\n

The Problem With Flat Design<\/a>, les probl\u00e8mes d\u2019ergonomie du flat design<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

In Defense of Homogeneous Design<\/a>. En d\u00e9fense de l\u2019homog\u00e9n\u00e9it\u00e9 du design.<\/p>\n

#UX<\/p>\n

The Same Link Twice on the Same Page: Do Duplicates Help or Hurt?<\/a> avoir le m\u00eame lien plusieurs fois sur une page, bonne ou mauvaise id\u00e9e ? D\u2019apr\u00e8s Nielsen mauvaise, il vaut mieux \u00e9liminer la redondance pour \u00e9viter la surcharge cognitive (dans la majorit\u00e9 des cas)<\/p>\n

 <\/p>\n

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

#Decoration<\/p>\n

Heyprints.com<\/a> de jolis tableaux pour d\u00e9corer vos bureaux<\/p>\n

\"\"<\/p>\n

#Typographie<\/p>\n

Letter kit sur Pinterest<\/a>, et puis la police du London Underground<\/a> et du Design Museum<\/a><\/p>\n

\"\"<\/p>\n

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

#CSS<\/p>\n

Accessible, Simple, Responsive Tables<\/a><\/p>\n

\"\"<\/p>\n

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

#UX<\/p>\n

Utile : un kit gratuit de test d\u2019utilisabilit\u00e9<\/a> by @uxpin<\/a><\/p>\n

\"\"<\/p>\n

#Manifest<\/p>\n

Un outil en ligne pour valider votre Web Manifest<\/a><\/p>\n

\"\"<\/p>\n

\n

Et comme je pars en vacance, pas de liens la semaine prochaine. Je vous laisse avec \u00e7a :\u00a0Noot Noot !<\/a><\/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, \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 cette semaine : webfonts, optimisation de champ de formulaires, procrastination, des r\u00e9flexions sur l’uniformisation du design, le …<\/p>\n","protected":false},"author":3,"featured_media":5155,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5139","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 25 mars 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"\u00c0 ne pas manquer :\u00a0webfonts, optimisation de champ de formulaires, procrastination, uniformisation du design, flat design et UX, animations CSS, flexbox\u00a0et Web Manifest\" \/>\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-25-mars-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 25 mars 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"\u00c0 ne pas manquer :\u00a0webfonts, optimisation de champ de formulaires, procrastination, uniformisation du design, flat design et UX, animations CSS, flexbox\u00a0et Web Manifest\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-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-03-25T06:00:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-25T16:37:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/03\/liens-semaine-25mars.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-25-mars-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-2016\/\",\"name\":\"La semaine en pixels \u2013 25 mars 2016 - 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-25-mars-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/liens-semaine-25mars.jpg\",\"datePublished\":\"2016-03-25T06:00:55+00:00\",\"dateModified\":\"2016-03-25T16:37:43+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"\u00c0 ne pas manquer :\u00a0webfonts, optimisation de champ de formulaires, procrastination, uniformisation du design, flat design et UX, animations CSS, flexbox\u00a0et Web Manifest\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/liens-semaine-25mars.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/liens-semaine-25mars.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 25 mars 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\":{\"@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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?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 25 mars 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"\u00c0 ne pas manquer :\u00a0webfonts, optimisation de champ de formulaires, procrastination, uniformisation du design, flat design et UX, animations CSS, flexbox\u00a0et Web Manifest","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-25-mars-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 25 mars 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"\u00c0 ne pas manquer :\u00a0webfonts, optimisation de champ de formulaires, procrastination, uniformisation du design, flat design et UX, animations CSS, flexbox\u00a0et Web Manifest","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-03-25T06:00:55+00:00","article_modified_time":"2016-03-25T16:37:43+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/03\/liens-semaine-25mars.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-25-mars-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-2016\/","name":"La semaine en pixels \u2013 25 mars 2016 - 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-25-mars-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/liens-semaine-25mars.jpg","datePublished":"2016-03-25T06:00:55+00:00","dateModified":"2016-03-25T16:37:43+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"\u00c0 ne pas manquer :\u00a0webfonts, optimisation de champ de formulaires, procrastination, uniformisation du design, flat design et UX, animations CSS, flexbox\u00a0et Web Manifest","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-25-mars-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/liens-semaine-25mars.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/03\/liens-semaine-25mars.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 25 mars 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":{"@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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?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\/5139","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=5139"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5139\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5155"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}