{"id":7193,"date":"2018-12-23T14:29:20","date_gmt":"2018-12-23T13:29:20","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7193"},"modified":"2018-12-23T14:29:20","modified_gmt":"2018-12-23T13:29:20","slug":"la-semaine-en-pixels-23-decembre-2018","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/","title":{"rendered":"La semaine en pixels \u2013 23 d\u00e9cembre 2018"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Chaque semaine, \u00a0un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d&rsquo;interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l&rsquo;inspiration en tout genre.<\/p>\n<p>Au programme :\u00a0coh\u00e9rence et design, le HTML c&rsquo;est bien plus que des spans et de divs, concevoir pour l&rsquo;accessibilit\u00e9, design systems, diagrammes UX, utilisabilit\u00e9 des formulaires, outil de gradients CSS, frameworks, CSS est inconfortable, outils pour les designers UX, conseils d&rsquo;illustrations et astuces pour les couleurs, mises \u00e0 jours de Safari et Firefox, une police gratuite, un petit jeu de devinette d&rsquo;ic\u00f4nes, etc.<\/p>\n<p>Pour plus de liens chaque matin vous pouvez<a href=\"https:\/\/twitter.com\/WalterStephanie\"> me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n<h2>J\u2019ai publi\u00e9 deux articles cette semaine<\/h2>\n<p>#Frameworks #UX<\/p>\n<p>Cette semaine j&rsquo;ai publi\u00e9 une suite de deux articles sur les templates \/ frameworks UI et l&rsquo;experience utilisateur, ou pourquoi utiliser un framework UI ne rendra pas forc\u00e9ment votre site utilisable pour autant si vous oubliez la partie exp\u00e9rience utilisateur.<\/p>\n<ul>\n<li><a href=\"https:\/\/stephaniewalter.design\/fr\/blog\/experience-utilisateur-et-templates-frameworks-ui-partie-1-le-constat\/\">Exp\u00e9rience utilisateur Templates \/ Frameworks UI \u2013 partie 1, le constat<\/a>\u00a0&#8211;\u00a0dans cette premi\u00e8re partie, je dresse un constat \u00e0 travers l\u2019exemple d\u2019un projet, de mon questionnaire en ligne sur les Framework UI sur l\u2019\u00e9tat du march\u00e9 des frameworks en 2018 et l\u2019implication des \u00e9quipes de design sur des projets utilisant des Framework UI.<\/li>\n<li><a href=\"https:\/\/stephaniewalter.design\/fr\/blog\/experience-utilisateur-templates-frameworks-ui-partie-2-remettre-lhumain-au-centre-du-processus-de-conception\/\">Exp\u00e9rience utilisateur Templates \/ Frameworks UI \u2013 partie 2 : remettre l\u2019humain au centre du processus de conception.<\/a>\u00a0&#8211; comment est-ce que je remets les utilisatrices et utilisateurs au c\u0153ur de mon processus de conception tout en continuant d\u2019utiliser des th\u00e8mes et des frameworks UI pour des questions de gain de temps et de budget ?<\/li>\n<\/ul>\n<h2>Les liens en fran\u00e7ais<\/h2>\n<p>#UX<\/p>\n<p>Sur 24 jours de web &#8211; <a href=\"https:\/\/www.24joursdeweb.fr\/2018\/la-recherche-utilisateur-tour-d-horizon-des-objectifs-et-des-methodes\/\">La recherche utilisateur : tour d\u2019horizon des objectifs et des m\u00e9thodes<\/a><\/p>\n<h2>tl;dnr, s&rsquo;il devait n&rsquo;en rester qu&rsquo;un ?<\/h2>\n<p>#Front-End<\/p>\n<p>\u00ab\u00a0<a href=\"https:\/\/www.brucelawson.co.uk\/2018\/the-practical-value-of-semantic-html\/\">The practical value of semantic HTML<\/a>\u00a0\u00bb par Bruce Lawson. Je n&rsquo;\u00e9tais pas le seul \u00e0 lever les yeux au ciel en lisant qu&rsquo;il suffit d&rsquo;apprendre les divs et les spans pour devenir d\u00e9veloppeur JavaScript. Bruce nous rappelle pourquoi la s\u00e9mantique est importante, et que le HTML ce n&rsquo;est pas que des divs et des spans.<\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#Accessibilit\u00e9<\/p>\n<p><a href=\"https:\/\/www.invisionapp.com\/inside-design\/designing-accessibility-not-hard\/\">Designing for accessibility is not that hard<\/a>\u00a0&#8211; concevoir pour l&rsquo;accessibilit\u00e9 n&rsquo;est pas si difficile, quelques conseils de base pour vous aider \u00e0 d\u00e9marrer, puis demander \u00e0 un expert pour un audit :)<\/p>\n<p>#UX<\/p>\n<ul>\n<li><a href=\"http:\/\/maxsnitser.com\/blog\/how-to-improve-ux-of-web-forms\">How To Improve UX of Web Forms<\/a>, comment faire pour am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur de vos formulaires Web. Pour aller plus loins sur du formulaire mobile, j&rsquo;ai publi\u00e9 deux articles\u00a0<a href=\"https:\/\/www.smashingmagazine.com\/2018\/08\/ux-html5-mobile-form-part-1\/\">partie 1<\/a> et\u00a0<a href=\"https:\/\/www.smashingmagazine.com\/2018\/08\/ux-html5-mobile-form-part-2\/\">partie 2<\/a><\/li>\n<li>Il est parfois difficile d&rsquo;analyser toutes les donn\u00e9es recueillies au cours de la recherche utilisateurs, voil\u00e0 de quoi vous aider :\u00a0<a href=\"https:\/\/www.userfocus.co.uk\/articles\/think-straight-about-UX-Research.html\">10 diagrams based on 2&#215;2 4 quadrants matrix that will help you see straight about it.<\/a><\/li>\n<li>\u00ab\u00a0<a href=\"https:\/\/medium.com\/@jmspool\/consistency-in-design-is-the-wrong-approach-3cfbc87a327\">Consistency in Design is the Wrong Approach<\/a>\u00a0\u00bb la coh\u00e9rence n&rsquo;est pas toujours pas bonne approche, par Jared M. Spool. J&rsquo;ai aussi l&rsquo;impression que \u00e7a empire avec l&rsquo;utilisation intensive des frameworks, on ne pose m\u00eame plus de questions de design et copie colle des composants par habite sans r\u00e9ellement se poser la question de leur utilisation<\/li>\n<\/ul>\n<p>#Design<\/p>\n<ul>\n<li><a href=\"https:\/\/www.figma.com\/blog\/state-of-design-systems-2018\/\">State of Design Systems 2018<\/a>, une \u00e9tude sur la maturit\u00e9 des entreprises face au design syst\u00e8me.\u00a0Je dirais que nous en sommes au stade 0,5 pour l&rsquo;instant sur la plupart des projets : cr\u00e9er les composants et le guide de style, en essayant de travailler pour mieux documenter et aller tout doucement vers le code<\/li>\n<li><a href=\"https:\/\/icons8.com\/articles\/vector-illustration-basics-creating-vector-images\/\">Basics of Creating Vector Images<\/a>, excellente lecture sur les lumi\u00e8res, les couleurs, la perspective, etc. pour vous aider \u00e0 cr\u00e9er des illustrations impressionnantes.<\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/my-struggle-with-colors-part-ii-ed71bff6302a\">My struggle with colors, part II<\/a> &#8211; utiliser la teinte et les nuances pour construire une palette de couleurs accessible<\/li>\n<li><a href=\"http:\/\/www.motionbrothers.co.uk\/signified\/\">Signified Icon Game<\/a> &#8211; un jeu qui est cens\u00e9 tester \u00e0 quel point vous reconnaissez les ic\u00f4nes des r\u00e9seaux sociaux. Ca montre surtout est que la plupart des ic\u00f4nes sont difficiles \u00e0 comprendre sans contexte et \/ ou \u00e9tiquettes, exp\u00e9rience int\u00e9ressante.<\/li>\n<\/ul>\n<p>#Front-End<\/p>\n<ul>\n<li><a href=\"https:\/\/sizovs.net\/2018\/12\/17\/stop-learning-frameworks\/\">Stop Learning Frameworks<\/a> \u2013 votre\u00a0temps est pr\u00e9cieux, arr\u00eatez d&rsquo;apprendre un framework, investissez votre temps dans des comp\u00e9tences transf\u00e9rables.<\/li>\n<li><a href=\"https:\/\/bitsofco.de\/handling-broken-images-with-service-worker\/\">Handling broken images with the service worker<\/a><\/li>\n<li>Lecture obligatoire pour toutes celles qui ont besoin de styliser des boutons en CSS. Ce n&rsquo;est pas super difficile, il suffit de comprendre comment ces pseudo-classes sont d\u00e9clench\u00e9es \u00e0 la souris, au clavier et au toucher : \u00ab\u00a0<a href=\"https:\/\/bitsofco.de\/when-do-the-hover-focus-and-active-pseudo-classes-apply\/\">When do the :hover, :focus, and :active pseudo-classes apply?<\/a>\u00ab\u00a0<\/li>\n<\/ul>\n<h2>De l\u2019inspiration, du fun et de jolies id\u00e9es<\/h2>\n<p>#Police<\/p>\n<p>J&rsquo;aime beaucoup les <a href=\"https:\/\/www.myfonts.com\/fonts\/without-foundry\/hermann\/\">ligatures de cette police\u00a0<\/a><\/p>\n<p>#Code Demo<\/p>\n<p>Une d\u00e9mo tr\u00e8s sympa d&rsquo;animation de Touch ID : \u00ab\u00a0<a href=\"https:\/\/css-tricks.com\/creating-an-animated-login-form-for-touchid\/\">Creating an Animated Login Form for TouchID<\/a>\u00a0\u00bb<\/p>\n<p>#Paillettes<\/p>\n<p>\u00ab\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=xoxhDk-hwuo\">Package Thief vs. Glitter Bomb Trap<\/a>\u00ab\u00a0, ce mec a cr\u00e9\u00e9e une bombe qui lance des paillettes aux voleurs de colis :o<\/p>\n<p>#Origami<\/p>\n<p>Satisfaction utile de petits pliages en papier \u00ab\u00a0<a href=\"https:\/\/www.thisiscolossal.com\/2018\/11\/paper-sculptures-matthew-schlian\/\">Spiked Sculptures by Matthew Shlian Create Angular Geometry from Folded Paper<\/a>\u00a0\u00bb<\/p>\n<h2>Vid\u00e9o de conf\u00e9rence<\/h2>\n<p>#CSS<\/p>\n<p>Si vous vous demandez pourquoi le monde du d\u00e9veloppement web semble divis\u00e9 entre \u00ab\u00a0CSS est cass\u00e9\u00a0\u00bb et \u00ab\u00a0CSS est g\u00e9nial\u00a0\u00bb,\u00a0\u00a0<a href=\"https:\/\/www.dotconferences.com\/speaker\/natalyashelburne\">Natalya Shelburne<\/a>\u00a0explique l&rsquo;inconfort de la dissonance cognitive dans toutes les exp\u00e9riences d&rsquo;apprentissage :\u00a0<a href=\"https:\/\/www.dotconferences.com\/2018\/11\/natalya-shelburne-css-at-the-intersection\">CSS at the Intersection<\/a><\/p>\n<h2>News Webdesign<\/h2>\n<p>#Navigateurs<\/p>\n<ul>\n<li><a href=\"https:\/\/webkit.org\/blog\/8517\/release-notes-for-safari-technology-preview-71\/\">Release Notes for Safari Technology Preview 71<\/a> -&gt; Safari a ajout\u00e9 Web Authentication\u00a0 avec un support\u00a0 pour les appareils \u00ab\u00a0USB-based CTAP2\u00a0\u00bb<\/li>\n<li><a href=\"https:\/\/hacks.mozilla.org\/2018\/12\/firefox-64-released\/\">Firefox 64<\/a> &#8211;\u00a0ajout du support de CSS lvl4\/5 media queries pour\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/@media\/prefers-reduced-motion\">prefers-reduced-motion<\/a>, any-pointer et any-hover. Le \u00ab\u00a0<a href=\"https:\/\/twitter.com\/FirefoxDevTools\/status\/1072967286116380672\">accessibility inspector\u00a0\u00bb<\/a>\u00a0est vraiment cool.<\/li>\n<\/ul>\n<h2>Des ressources outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Design systems<\/p>\n<p><a href=\"https:\/\/blog.zeroheight.com\/\">Design Systems Digest<\/a> &#8211; des ressources et articles sur le design system<\/p>\n<p>#Gradient<\/p>\n<p><a href=\"https:\/\/shapy.app\/\">shapy.app<\/a>, un outil pour vous aider \u00e0 construire des gradients CSS, et encore un autre :\u00a0<a href=\"http:\/\/ourownthing.co.uk\/gradpad.html\">smart little CSS gradient tool generator<\/a><\/p>\n<p>#Police gratuite<\/p>\n<p><a href=\"https:\/\/pixelbuddha.net\/freebie\/extra-cheese-font-collection\">Extra Cheese<\/a>, une police display plut\u00f4t sympa<\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/uxstore.com\/\">uxstore.com<\/a>, si vous cherchez des id\u00e9es cadeaux pour une UX designeuse, pas mal de ressources physiques et num\u00e9riques sur ce site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Votre dose de veille UX, UI design et Front-end de la semaine :\u00a0coh\u00e9rence et design, le HTML c&rsquo;est bien plus que des spans et de divs, concevoir pour l&rsquo;accessibilit\u00e9, design systems, diagrammes UX, utilisabilit\u00e9 des formulaires, outil de gradients CSS, frameworks, CSS est inconfortable, outils pour les designers UX, conseils d&rsquo;illustrations et astuces pour les couleurs, mises \u00e0 jours de Safari et Firefox, une police gratuite, un petit jeu de devinette d&rsquo;ic\u00f4nes, etc.<\/p>\n","protected":false},"author":3,"featured_media":7195,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-7193","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels \u2013 23 d\u00e9cembre 2018 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Ressources UX, UI Front-end :\u00a0coh\u00e9rence et design, le HTML c&#039;est bien plus que des spans et de divs, accessibilit\u00e9, design systems, diagrammes UX, utilisabilit\u00e9 des formulaires, gradients CSS, frameworks, illustrations et astuces pour les couleurs, 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-23-decembre-2018\/\" \/>\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 d\u00e9cembre 2018 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Ressources UX, UI Front-end :\u00a0coh\u00e9rence et design, le HTML c&#039;est bien plus que des spans et de divs, accessibilit\u00e9, design systems, diagrammes UX, utilisabilit\u00e9 des formulaires, gradients CSS, frameworks, illustrations et astuces pour les couleurs, etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/\" \/>\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=\"2018-12-23T13:29:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2018\/12\/linsemaine-23dec2018.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=\"5 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-23-decembre-2018\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/\",\"name\":\"La semaine en pixels \u2013 23 d\u00e9cembre 2018 - 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-23-decembre-2018\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/12\/linsemaine-23dec2018.jpg\",\"datePublished\":\"2018-12-23T13:29:20+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Ressources UX, UI Front-end :\u00a0coh\u00e9rence et design, le HTML c'est bien plus que des spans et de divs, accessibilit\u00e9, design systems, diagrammes UX, utilisabilit\u00e9 des formulaires, gradients CSS, frameworks, illustrations et astuces pour les couleurs, etc.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/12\/linsemaine-23dec2018.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/12\/linsemaine-23dec2018.jpg\",\"width\":850,\"height\":350},{\"@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&#039;utilisabilit\u00e9 et l&#039;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 &amp; 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 23 d\u00e9cembre 2018 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Ressources UX, UI Front-end :\u00a0coh\u00e9rence et design, le HTML c'est bien plus que des spans et de divs, accessibilit\u00e9, design systems, diagrammes UX, utilisabilit\u00e9 des formulaires, gradients CSS, frameworks, illustrations et astuces pour les couleurs, 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-23-decembre-2018\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 23 d\u00e9cembre 2018 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Ressources UX, UI Front-end :\u00a0coh\u00e9rence et design, le HTML c'est bien plus que des spans et de divs, accessibilit\u00e9, design systems, diagrammes UX, utilisabilit\u00e9 des formulaires, gradients CSS, frameworks, illustrations et astuces pour les couleurs, etc.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2018-12-23T13:29:20+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2018\/12\/linsemaine-23dec2018.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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/","name":"La semaine en pixels \u2013 23 d\u00e9cembre 2018 - 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-23-decembre-2018\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/12\/linsemaine-23dec2018.jpg","datePublished":"2018-12-23T13:29:20+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Ressources UX, UI Front-end :\u00a0coh\u00e9rence et design, le HTML c'est bien plus que des spans et de divs, accessibilit\u00e9, design systems, diagrammes UX, utilisabilit\u00e9 des formulaires, gradients CSS, frameworks, illustrations et astuces pour les couleurs, etc.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-23-decembre-2018\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/12\/linsemaine-23dec2018.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/12\/linsemaine-23dec2018.jpg","width":850,"height":350},{"@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&#039;utilisabilit\u00e9 et l&#039;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 &amp; 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\/7193","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=7193"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/7193\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/7195"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=7193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=7193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=7193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}