{"id":1062,"date":"2012-12-27T20:00:43","date_gmt":"2012-12-27T18:00:43","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1062"},"modified":"2012-12-28T14:13:49","modified_gmt":"2012-12-28T12:13:49","slug":"des-pixels-et-du-code-42","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/","title":{"rendered":"Des pixels et du code #42"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 13 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p dir=\"ltr\">Une semaine de lien un peu r\u00e9duite pour cause de vacances, mais cette \u00e9dition 42 (yeahy !) vous propose cette semaine des articles \u00e0 lire sur l&rsquo;exp\u00e9rience utilisateur, un peu de WordPresss, ressources et avis, ainsi qu&rsquo;une pr\u00e9sentation sur les animations CSS, SVG, Canvas et WebGL<\/p>\n<h2 dir=\"ltr\">Les tutoriels de la semaine<\/h2>\n<p>#Animation<br \/>\n<a href=\"http:\/\/animateyourhtml5.appspot.com\/pres\/index.html\">Animate your HTML5 with CSS3, SVG, Canvas and WebGL<\/a> une pr\u00e9sentation qui passe en revue diff\u00e9rentes technologies et techniques pour animer des \u00e9l\u00e9ments en HTML<\/p>\n<h2 dir=\"ltr\">Des ressources utiles<\/h2>\n<p>#WordPress<br \/>\n<a href=\"http:\/\/wp-mix.com\/\">Wp-mix.com<\/a> un petit site avec des bouts de code WordPress (snippets) tout faits pour vous aider dans vos d\u00e9veloppements.<\/p>\n<h2 dir=\"ltr\">Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n<p>#Skew<br \/>\n<a href=\"http:\/\/oxism.com\/maskew\/\">Maskew<\/a> une librairie pour cr\u00e9er un effet de distorsion sur des images<\/p>\n<h2 dir=\"ltr\">Les articles \u00e0 lire<\/h2>\n<p>#UX<br \/>\n<a href=\"http:\/\/www.keepitusable.com\/blog\/?p=745\">If Google search was real life\u2026 <\/a>une petite vid\u00e9o de ce qui se passerait si la recherche de Google \u00e9tait dans la vrai vie, une exp\u00e9rience utilisateur tr\u00e8s dr\u00f4le et triste \u00e0 la fois<\/p>\n<p>#Performance<br \/>\n<a href=\"http:\/\/www.html5rocks.com\/en\/tutorials\/speed\/scrolling\/\">Scrolling Performance <\/a>\u00a0et <a href=\"http:\/\/www.html5rocks.com\/en\/tutorials\/speed\/parallax\/\">Parallaxing<\/a> deux analyses du DOM et des performances de l\u2019\u00e9v\u00e8nement sur le scroll et d\u2019un site en parallaxe<\/p>\n<p>#WordPress<br \/>\n<a href=\"http:\/\/www.noupe.com\/wordpress\/i-love-you-wordpress-but-73974.html\">I Love You, WordPress! But\u2026<\/a> une critique de WordPress qui devient selon l\u2019auteur de plus en plus une usine \u00e0 gaz, m\u00eame si je ne suis pas d\u2019accord sur tous les points, il faut avouer que les th\u00e8mes de plus en plus sp\u00e9cifiques avec des custom m\u00e9ta boxes partout emprisonnent l\u2019utilisateur, et il devient difficile d\u2019en changer<\/p>\n<p>#Mobile design<br \/>\n<a href=\"http:\/\/blog.yummygum.com\/post\/38460402676\/whatsapp-redesign\">WhatsApp: Redesign<\/a>, un petit article qui explique les choix en terme d\u2019ergonomie derri\u00e8re le redesign de l\u2019application WhatsApp<\/p>\n<p>#UI<br \/>\n<a href=\"http:\/\/beautifulpixels.com\/iphone\/best-of-2012-ui-animations\/\">Best of 2012: UI Animations <\/a>une petite s\u00e9lection d\u2019animations d\u2019interface si vous manquez d\u2019inspiration c\u2019est le moment d\u2019y jeter un \u0153il<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 13 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.Une semaine de lien un peu r\u00e9duite pour cause de vacances, mais cette \u00e9dition 42 (yeahy !) vous propose cette semaine des articles \u00e0 lire sur l&rsquo;exp\u00e9rience utilisateur, un peu de WordPresss, ressources et avis, ainsi qu&rsquo;une pr\u00e9sentation sur les animations CSS, SVG, Canvas et WebGL Les tutoriels de la semaine #Animation Animate your HTML5 with CSS3, SVG, Canvas and WebGL une &hellip;<\/p>\n","protected":false},"author":3,"featured_media":1064,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1062","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Des pixels et du code #42 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Les liens utiles ; animations d&#039;interface et animations CSS3, SVG, Canvas et WebGL, tests de performance sur les \u00e9v\u00e8nements au scroll et redesign d&#039;app mobile\" \/>\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\/des-pixels-et-du-code-42\/\" \/>\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 #42 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Les liens utiles ; animations d&#039;interface et animations CSS3, SVG, Canvas et WebGL, tests de performance sur les \u00e9v\u00e8nements au scroll et redesign d&#039;app mobile\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/\" \/>\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=\"2012-12-27T18:00:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-12-28T12:13:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/12\/pixeletcode42.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=\"@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=\"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-42\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/\",\"name\":\"Des pixels et du code #42 - 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-42\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixeletcode42.jpg\",\"datePublished\":\"2012-12-27T18:00:43+00:00\",\"dateModified\":\"2012-12-28T12:13:49+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Les liens utiles ; animations d'interface et animations CSS3, SVG, Canvas et WebGL, tests de performance sur les \u00e9v\u00e8nements au scroll et redesign d'app mobile\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixeletcode42.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixeletcode42.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #42\"},{\"@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":"Des pixels et du code #42 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Les liens utiles ; animations d'interface et animations CSS3, SVG, Canvas et WebGL, tests de performance sur les \u00e9v\u00e8nements au scroll et redesign d'app mobile","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-42\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #42 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Les liens utiles ; animations d'interface et animations CSS3, SVG, Canvas et WebGL, tests de performance sur les \u00e9v\u00e8nements au scroll et redesign d'app mobile","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-12-27T18:00:43+00:00","article_modified_time":"2012-12-28T12:13:49+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/12\/pixeletcode42.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/","name":"Des pixels et du code #42 - 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-42\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixeletcode42.jpg","datePublished":"2012-12-27T18:00:43+00:00","dateModified":"2012-12-28T12:13:49+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Les liens utiles ; animations d'interface et animations CSS3, SVG, Canvas et WebGL, tests de performance sur les \u00e9v\u00e8nements au scroll et redesign d'app mobile","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-42\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixeletcode42.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixeletcode42.jpg","width":700,"height":200,"caption":"Des pixels et du code #42"},{"@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\/1062","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=1062"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1062\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1064"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}