{"id":2284,"date":"2014-01-17T08:42:51","date_gmt":"2014-01-17T07:42:51","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2284"},"modified":"2014-01-17T11:55:45","modified_gmt":"2014-01-17T10:55:45","slug":"des-pixels-et-du-code-97","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/","title":{"rendered":"Des pixels et du code #97"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration. \u00a0Cette semaine je vous propose quelques articles tr\u00e8s int\u00e9ressants sur l&rsquo;exp\u00e9rience utilisateur et les symboles d&rsquo;interface, et des petites nouveaut\u00e9s Adobe CC qui vont pour ma part changer (en bien) mon processus de travail.<\/p>\n<p>J&rsquo;ai \u00e9galement fais un petit refresh visuel du <a href=_-751.html>portfolio<\/a>, j&rsquo;en ai aussi profit\u00e9 pour mettre \u00e0 jour le blog. Si jamais vous voyez des soucis, des choses qui ne fonctionnent pas sur certains appareils pour navigateurs n&rsquo;h\u00e9sitez pas \u00e0<a href=_-3562.html> m&rsquo;envoyer un mail <\/a>;)<\/p>\n<p>Pour plus de liens n&rsquo;h\u00e9sitez pas \u00e0 <a href=_-3472.html>me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n<h2>Les articles \u00e0 lire<\/h2>\n<p>#UI<br \/>\n<a href=_-3563.html>The origins of some common UI Symbols<\/a> l\u2019origine de certains symboles que l\u2019on utilise au quotient sur nos appareils et interfaces<\/p>\n<p style=\"text-align: left;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2286\" alt=\"The origins of some common UI Symbols\" src=_-3564.html width=\"770\" height=\"490\" \/><\/p>\n<p>#Typographie #CSS<br \/>\n<a href=_-3565.html>Tiny Typo, u<\/a>ne base CSS simple et robuste pour styler diff\u00e9rents \u00e9l\u00e9ments de typographie par <a href=_-3566.html>@tetue <\/a><\/p>\n<p>#Ecommerce #Mobile<\/p>\n<p><a href=_-3567.html>How to deliver a seamless mobile checkout experience<\/a><\/p>\n<p>#UX<br \/>\n<a href=_-3568.html>26 UX axioms<\/a> pour vous aider \u00e0 designer des produits qui fonctionnent<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2287\" alt=\"26 UX axioms\" src=_-3569.html width=\"765\" height=\"498\" \/><\/p>\n<p><span style=\"line-height: 1.5em;\">#Eyetracking<\/span><\/p>\n<p><a href=_-3570.html>The 3 Most Surprising Insights From a 200 Website Eye-Tracking Study<\/a> 3 r\u00e9sultats d\u2019eytracking qui vont \u00e0 l\u2019encontre d\u2019id\u00e9es souvent re\u00e7ues en design d\u2019exp\u00e9rience utilisateur<\/p>\n<p>#Design<br \/>\n<a href=_-3571.html>Design the Details: Empty States<\/a>, quelques exemples de design d\u2019interface \u201cvides\u201d avant que l\u2019utilisateur n\u2019y entre des donn\u00e9es<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2288\" alt=\"Design the Details: Empty States\" src=_-3572.html width=\"757\" height=\"466\" \/><\/p>\n<h2>Inspiration<\/h2>\n<p>#Chocolat<br \/>\nJe sais pas vous, mais moi Jessica Hische qui cr\u00e9e <a href=_-3573.html>de jolies lettres pour Starbucks<\/a> \u00e7a me donne faim<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2289\" alt=\" de jolies lettres pour Starbucks \" src=_-3574.html width=\"763\" height=\"641\" \/><\/p>\n<p>#Font<br \/>\n<a href=_-3575.html>The Ten Most Popular Web Fonts of 2013<\/a>\u00a0les 10 polices les plus populaires en 2013 et des exemples de sites qui les utilisent<\/p>\n<p>#Scroll scroll scroll<br \/>\n<a href=_-3576.html>Be-moved<\/a> une grosse performance graphique et technique pour ce site de lancement de produit Sony qui envoie du lourd au d\u00e9filement de la page. Et pour les curieux, <a href=_-3576.html>Sony\u2019s \u201cBe Moved\u201d website deconstructed<\/a> vous donne quelques indications sur ce qui se cache sous le site<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2290\" alt=\"Be-moved \" src=_-3577.html width=\"775\" height=\"557\" \/><\/p>\n<p><span style=\"line-height: 1.5em;\">#Paper Graphic<\/span><\/p>\n<p>Les illustrations \u00a0\u201c<a href=_-3578.html>paper graphic<\/a>\u201c de Yulia Brodskaya sont sublimes<\/p>\n<h2>Des ressources utiles<\/h2>\n<p>#CSS Centrer Verticalement<br \/>\nQuelques techniques CSS pour centrer verticalement <a href=_-3579.html>ici<\/a>, <a href=_-3580.html>ici<\/a> et <a href=_-3580.html>ici<\/a>.<\/p>\n<p>#Conf\u00e9rences<br \/>\n<a href=_-3581.html>Speaking.io<\/a> un site qui rassemble des conseils pour parler en public<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2291\" alt=\"Speaking.io \" src=_-3582.html width=\"762\" height=\"552\" \/><\/p>\n<h2>Des ressources gratuites<\/h2>\n<p>#Patterns<br \/>\nSi vous cherchez des motifs de fond pour vos cr\u00e9as; \u00a0<a href=_-3269.html>thepatternlibrary.com<\/a> \u00a0(certains sont assez \u00e9trange j\u2019en conviens)<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2292\" alt=\"  thepatternlibrary.com\" src=_-3583.html width=\"761\" height=\"553\" \/><\/p>\n<p>#Font<br \/>\n<a href=_-3584.html>Barokah<\/a>, une police gratuite dans un style \u201chandwriting\u201d pour les BD, posters et titrages<\/p>\n<h2>Les d\u00e9mos sympas et impressionnantes<\/h2>\n<p>#Kitten<br \/>\n<a href=_-3585.html>Meeooowwww<\/a>un adorable chaton en CSS tout anim\u00e9<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2293\" alt=\"Meeooowwww\" src=_-3586.html width=\"762\" height=\"472\" \/><\/p>\n<p>#CSS<br \/>\n<a href=_-3587.html>Un effet au survol <\/a>en CSS et SVG tr\u00e8s sympa<\/p>\n<h2>Et s&rsquo;il devait n&rsquo;en rester qu&rsquo;un ?<\/h2>\n<p>#Photoshop<br \/>\n<a href=watch5836.html>Photoshop CC: Linked Smart Objects<\/a> la nouvelle mise \u00e0 jour de Photoshop vous permet d\u2019avoir des smart objects li\u00e9s \u00e0 leur fichier source. Si la source est mise \u00e0 jour, vous pouvez enfin mettre \u00e0 jour le smart object (comme sur Indesign au final). Au passage Illustrator a quelques nouveaut\u00e9s tr\u00e8s sympa \u00e9galement dont une <a href=_-3588.html>gestion de coins arrondis am\u00e9lior\u00e9e<\/a>.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2285\" alt=\"Photoshop CC: Linked Smart Objects\" src=_-3589.html width=\"875\" height=\"545\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu&rsquo;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, HTML, CSS, outils, ressources et inspiration. \u00a0Cette semaine je vous propose quelques articles tr\u00e8s int\u00e9ressants sur l&rsquo;exp\u00e9rience utilisateur et les symboles d&rsquo;interface, et des petites nouveaut\u00e9s Adobe CC qui vont pour ma part changer (en bien) mon processus de travail. J&rsquo;ai \u00e9galement &hellip;<\/p>\n","protected":false},"author":3,"featured_media":2296,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2284","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 v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Des pixels et du code #97 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<meta name=\"description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 97\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3590.html \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Des pixels et du code #97 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 97\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/\" \/>\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-01-17T07:42:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-01-17T10:55:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/01\/pixecode97.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\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\/des-pixels-et-du-code-97\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/\",\"name\":\"Des pixels et du code #97 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixecode97.jpg\",\"datePublished\":\"2014-01-17T07:42:51+00:00\",\"dateModified\":\"2014-01-17T10:55:45+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 97\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixecode97.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixecode97.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #97\"},{\"@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\":\"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 &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\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Des pixels et du code #97 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 97","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\/des-pixels-et-du-code-97\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #97 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 97","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-01-17T07:42:51+00:00","article_modified_time":"2014-01-17T10:55:45+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/01\/pixecode97.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\/des-pixels-et-du-code-97\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/","name":"Des pixels et du code #97 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixecode97.jpg","datePublished":"2014-01-17T07:42:51+00:00","dateModified":"2014-01-17T10:55:45+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 97","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-97\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixecode97.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixecode97.jpg","width":700,"height":200,"caption":"Des pixels et du code #97"},{"@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":"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 &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\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2284"}],"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=2284"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2284\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2296"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}