{"id":2232,"date":"2013-12-27T10:55:00","date_gmt":"2013-12-27T09:55:00","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2232"},"modified":"2013-12-27T10:55:00","modified_gmt":"2013-12-27T09:55:00","slug":"des-pixels-et-du-code-94","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/","title":{"rendered":"Des pixels et du code #94"},"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.<br \/>\nPour 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><span style=\"line-height: 1.5em;\">#Logo<\/span><\/p>\n<p><a href=_-3620.html>Flickr a chang\u00e9 la couleur de son logo<\/a>, l\u2019aviez vous remarqu\u00e9 ?<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"wp-image-2233 aligncenter\" alt=\"Flickr a chang\u00e9 la couleur de son logo\" src=_-3621.html width=\"816\" height=\"601\" \/><\/p>\n<p>#Adaptive Design<br \/>\n<a href=_-3622.html>The Many Faces of \u201cAdaptive Design\u201d<\/a>, le mot \u201cadaptive design\u201d en fonction de l\u2019auteur qui l\u2019emploi a une signification diff\u00e9rente. Brad Frost vous propose un tour d\u2019horizon de certaines dans cet article.<\/p>\n<p>#Process<br \/>\n<a href=_-3623.html>Managing a Mind<\/a> il nous faut apprendre \u00e0 l\u00e2cher prise, dire non un peu plus souvent et mettre l\u2019accent sur l\u2019essentiel.<\/p>\n<h2>Inspiration<\/h2>\n<p>#Carte de voeux<br \/>\n<a href=_-3624.html>Happy Holidays<\/a>, une jolie carte de voeux vid\u00e9o pleine d\u2019humour par <a href=_-3625.html>Victors &amp; Spoils<\/a><\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2235\" alt=\"Happy Holidays\" src=_-3626.html width=\"748\" height=\"451\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>#BD<br \/>\n<a href=_-3627.html>Pomme + Q<\/a>, un tumblr illustr\u00e9 qui va faire sourire quelques designer sur mac ;)<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2236\" alt=\"Pomme + Q\" src=_-3628.html width=\"739\" height=\"568\" \/><\/p>\n<p>#Typography<br \/>\n<a href=_-3629.html>40 Web Designs with Beautiful Creative Typography<\/a> quelques exemples de sites avec de la jolie typographie<\/p>\n<p>#Doodle<br \/>\n<a href=_-3630.html>Tous les doodles de 2013 au m\u00eame endroit<\/a>, amusez vous bien :)<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2237\" alt=\"doodle\" src=_-3631.html width=\"747\" height=\"557\" \/><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#SVG<br \/>\n<a href=_-3632.html>Animate SVG Icons with CSS3 &amp; jQuery<\/a>, un tuto pour animer une icon SVG gr\u00e2ce \u00e0 du CSS3 et un peu de JS (et le lien direct vers la <a href=_-3633.html>demo<\/a> )<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\" wp-image-2238 aligncenter\" alt=\"Animate SVG Icons with CSS3 &amp; jQuery\" src=_-3634.html width=\"742\" height=\"579\" \/><\/p>\n<h2>Des ressources utiles<\/h2>\n<p>#UI<br \/>\n<a href=_-3635.html>Uinames.com<\/a> est un petit outil en ligne qui vous g\u00e9n\u00e8re de faux noms pour vos maquettes<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2239\" alt=\"Uinames.com\" src=_-3636.html width=\"757\" height=\"453\" \/><\/p>\n<h2>Des ressources gratuites<\/h2>\n<p>#Font<br \/>\n<a href=_-3637.html>Merry Scriptmas<\/a> est une police gratuite avec de jolies ligatures<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2240\" alt=\"Merry Scriptmas\" src=_-3638.html width=\"746\" height=\"539\" \/><\/p>\n<h2>Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n<p>#Outils<br \/>\n<a href=_-3639.html>The best freelance tools<\/a> \u00e9dition 2013, pleins d\u2019outils pour freelance rassembl\u00e9s au m\u00eame endroit.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2241\" alt=\"The best freelance tools\" src=_-3640.html width=\"746\" height=\"571\" \/><\/p>\n<p>#Photoshop Script<br \/>\n<a href=_-3641.html>Export your vector layers from PS to SVG in a single click<\/a> un script Photoshop pour exporter des calques de forme en fichiers SVG<\/p>\n<h2>Les d\u00e9mos sympas et impressionnantes<\/h2>\n<p>#Musique<br \/>\n<a href=_-3642.html>Merrymusic<\/a> un peu de procrastination matinale en musique<\/p>\n<p>#No\u00ebl<br \/>\n<a href=_-3643.html>Un P\u00e8re No\u00ebl en CSS<\/a>\u00a0:)<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2242\" alt=\"codepen santa\" src=_-3644.html width=\"755\" height=\"573\" \/><\/p>\n<h2>Et s&rsquo;il devait n&rsquo;en rester qu&rsquo;un ?<\/h2>\n<p>\u00ab\u00a0<a href=_-3645.html>My facebook split in half<\/a>\u00ab\u00a0, ce qu\u2019il se passe quand des gens pas habitu\u00e9s au technologies du web d\u00e9couvrent l\u2019outil de dev de Firefox, il y a peut-\u00eatre un travail d&rsquo;UI \u00e0 faire l\u00e0 pour \u00e9viter ce genre de peurs voir de \u00ab\u00a0vulgarisation\u00a0\u00bb des technologies aupr\u00e8s du grand public.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2243\" alt=\"My facebook split in half\" src=_-3646.html width=\"735\" height=\"393\" \/><\/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. Pour plus de liens n&rsquo;h\u00e9sitez pas \u00e0 me suivre sur twitter. Bonne lecture :) Les articles \u00e0 lire #Logo Flickr a chang\u00e9 la couleur de son logo, l\u2019aviez vous remarqu\u00e9 ? #Adaptive Design The Many Faces &hellip;<\/p>\n","protected":false},"author":3,"featured_media":2245,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2232","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 #94 - 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 94\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3647.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 #94 - 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 94\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/\" \/>\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=\"2013-12-27T09:55:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/12\/pixelcode94.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=\"2 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-94\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/\",\"name\":\"Des pixels et du code #94 - 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-94\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/pixelcode94.jpg\",\"datePublished\":\"2013-12-27T09:55:00+00:00\",\"dateModified\":\"2013-12-27T09:55:00+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 94\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/pixelcode94.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/pixelcode94.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #94\"},{\"@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 #94 - 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 94","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-94\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #94 - 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 94","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-12-27T09:55:00+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/12\/pixelcode94.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/","name":"Des pixels et du code #94 - 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-94\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/pixelcode94.jpg","datePublished":"2013-12-27T09:55:00+00:00","dateModified":"2013-12-27T09:55:00+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 94","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-94\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/pixelcode94.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/pixelcode94.jpg","width":700,"height":200,"caption":"Des pixels et du code #94"},{"@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\/2232"}],"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=2232"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2245"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}