{"id":798,"date":"2012-07-19T20:00:28","date_gmt":"2012-07-19T18:00:28","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=798"},"modified":"2012-07-20T09:38:05","modified_gmt":"2012-07-20T07:38:05","slug":"pixel-et-code-19","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/","title":{"rendered":"Des pixels et du code #19"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 14 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Une semaine tr\u00e8s code, avec beaucoup d&rsquo;articles sur la mobilit\u00e9, l&rsquo;utilisabilit\u00e9 , HTML5 et IE8 et un peu moins de pixels.<\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#Slider #RWD<\/p>\n<p><a href=\"http:\/\/webcodebuilder.com\/responsive-jquery-plugin-flexslider-feat-kwiks\/\">Responsive jQuery plugin \u2013 FlexSlider feat. Kwiks<\/a>, un slider responsive original qui passe de plusieurs panneaux \u00e0 un seul quand on r\u00e9duit la page.<\/p>\n<p>#Retina<\/p>\n<p><a href=\"http:\/\/miekd.com\/articles\/using-css-sprites-to-optimize-your-website-for-retina-displays\/\">Using CSS Sprites to optimize your website for Retina Displays <\/a>\u00a0: optimiser un webdesign avec des sprites en retina, l\u2019id\u00e9e \u00e9tant assez simple : rassembler les images normales dans un sprite et les retina dans un sprite @2x<\/p>\n<h2>Des ressources \u00a0utiles<\/h2>\n<p>#Social<\/p>\n<p><a href=\"http:\/\/mlb.li\/blog\/des-boutons-de-partage-social-plus-legers \">Des boutons de partager sociaux tout l\u00e9ger<\/a>, car on sait tous que les boutons Facebook, Twitter et leurs amis alourdissent le poid des pages.<\/p>\n<p>#HTML5<\/p>\n<p><a href=\"http:\/\/www.truthabouthtml5.com\/\">Truthabouthtml5<\/a>\u00a0, un ebook qui explique le HTML5 pour les designers (4.9$)<\/p>\n<p>#IE8<\/p>\n<p><a href=\"http:\/\/www.learningie8.com\/\">Learningie8.com<\/a>, pour re-apprendre ce qu&rsquo;on peut faire avec IE8<\/p>\n<h2>Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n<p>#WordPress #RWD<\/p>\n<p><a href=\"http:\/\/speckyboy.com\/2012\/02\/08\/wordpress-plugins-to-help-make-your-site-responsive\">WordPress Plugins to Help Make Your Site Responsive<\/a> des plugins pour g\u00e9rer les images en responsive, pour rendre twenty eleven fluide, et pleins d\u2019autres liens utiles.<\/p>\n<h2>Les articles \u00e0 lire<\/h2>\n<p>#Mobile<\/p>\n<p><a href=\"http:\/\/www.webperformancetoday.com\/2012\/07\/12\/early-findings-mobile-browser-cache-persistence-and-behaviour\/\">Early findings: Mobile browser cache persistence and behaviour<\/a>, un petit tour d\u2019horizon des mobiles et de le comportement avec le cache<\/p>\n<p>#Dev<\/p>\n<p><a href=\"http:\/\/blog.alainmeier.com\/post\/27255145114\/some-things-beginners-might-not-know-about-sublime-text\">Some things beginners might not know about Sublime Text<\/a> des raccourcis clavier, fonctionnalit\u00e9s utiles, et tout ce qu\u2019un d\u00e9butant doit connaitre \u00e0 propos de SublimeText<\/p>\n<p>#Logo<\/p>\n<p><a href=\"http:\/\/blog.gaborit-d.com\/dossier-12-erreurs-a-ne-pas-faire-lors-de-la-creation-dun-logo\/\">12 erreurs \u00e0 ne pas faire lors de la cr\u00e9ation d\u2019un Logo<\/a>, un article sympa en fran\u00e7ais qui illustre ce qu\u2019il vaut mieux \u00e9viter lorsque l\u2019on cr\u00e9er un logo<\/p>\n<p>#Dev<\/p>\n<p><a href=\"http:\/\/julien.dollon.net\/post\/Alors-finalement-ce28099est-quoi-la-difference-entre-un-developpeur-en-France-ou-aux-USAs-.aspx\">Alors finalement, c\u2019est quoi la diff\u00e9rence entre un d\u00e9veloppeur en France et aux USA ?<\/a> \u00e9cosyst\u00e8me, salaire, recrutement, technologies, le sujet est trait\u00e9 sous diff\u00e9rents anglais<\/p>\n<p>#Usability<\/p>\n<p><a href=\"http:\/\/usabilitygeek.com\/an-introduction-to-website-usability-testing\/\">An Introduction To Website Usability Testing<\/a>, une introduction \u00e0 des concepts cl\u00e9s, et quelques conseils bien utiles<\/p>\n<p>#Mobile<\/p>\n<p><a href=\"http:\/\/graphicdesignjunction.com\/2012\/07\/50-mobile-web-design-for-inspiration\/\">50 Mobile Web Design For Inspiration<\/a> une galerie de 50 sites optimis\u00e9s mobile avec des designs sympas.<br \/>\n#Accessibilit\u00e9<\/p>\n<p><a href=\"http:\/\/www.fabiencanu.fr\/2012\/07\/accessibilite-mais-lol-quoi\/\">Accessibilit\u00e9 ? Mais lol quoi ! <\/a>Tester son site en mode texte, une bonne id\u00e9e pour tester l\u2019accessibilit\u00e9 mais aussi pour voir ce qui est r\u00e9f\u00e9ren\u00e7able, etc<\/p>\n<p>#CSS3<\/p>\n<p>Et le truc cool de la semaine, <a href=\"http:\/\/codepen.io\/TimPietrusky\/pen\/Bsegb\">Breaking Bad, en CSS3<\/a>.<\/p>\n<p>#Design<\/p>\n<p><a href=\"http:\/\/www.noupe.com\/design\/the-importance-creative-design-for-mobile-app-user-experience.html\">The Importance of Creative Design For Mobile App User Experience<\/a>, car non le design ce n&rsquo;est pas que de jolis petits\u00a0ic\u00f4nes, \u00e7a a une utilit\u00e9 en terme d&rsquo;ergonomie et d&rsquo;exp\u00e9rience utilisateur !<\/p>\n<p>&nbsp;<\/p>\n<p>Enfin du WTF pas tout \u00e0 fait SFW, tu as un stylo, <a href=\"http:\/\/www.stylobite.com\/\">http:\/\/www.stylobite.com\/<\/a><\/p>\n<p>Pour finir, si vous \u00eates de Strasbourg, un peu geek et que vous voulez participer \u00e0 des events, je vous conseille de suive <a href=\"http:\/\/twitter.com\/GeeksCity\">@GeeksCity<\/a> ou de vous inscrire sur <a href=\"http:\/\/fr-fr.facebook.com\/GeeksCity\">la page Facebook de Geeks and the City<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 14 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.Une semaine tr\u00e8s code, avec beaucoup d&rsquo;articles sur la mobilit\u00e9, l&rsquo;utilisabilit\u00e9 , HTML5 et IE8 et un peu moins de pixels. Les tutoriels de la semaine #Slider #RWD Responsive jQuery plugin \u2013 FlexSlider feat. Kwiks, un slider responsive original qui passe de plusieurs panneaux \u00e0 un seul quand on r\u00e9duit la page. #Retina Using CSS Sprites to optimize your website for Retina &hellip;<\/p>\n","protected":false},"author":3,"featured_media":799,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-798","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 v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Des pixels et du code #19 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Un livre sur le HTML5, un site pour apprendre IE8, et de l\u2019accessibilit\u00e9 dans les liens utiles de la semaine\" \/>\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\/pixel-et-code-19\/\" \/>\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 #19 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Un livre sur le HTML5, un site pour apprendre IE8, et de l\u2019accessibilit\u00e9 dans les liens utiles de la semaine\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/\" \/>\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-07-19T18:00:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-07-20T07:38:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/07\/pixel19.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"630\" \/>\n\t<meta property=\"og:image:height\" content=\"180\" \/>\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\/pixel-et-code-19\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/\",\"name\":\"Des pixels et du code #19 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixel19.jpg\",\"datePublished\":\"2012-07-19T18:00:28+00:00\",\"dateModified\":\"2012-07-20T07:38:05+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Un livre sur le HTML5, un site pour apprendre IE8, et de l\u2019accessibilit\u00e9 dans les liens utiles de la semaine\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixel19.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixel19.jpg\",\"width\":630,\"height\":180},{\"@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 #19 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Un livre sur le HTML5, un site pour apprendre IE8, et de l\u2019accessibilit\u00e9 dans les liens utiles de la semaine","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\/pixel-et-code-19\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #19 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Un livre sur le HTML5, un site pour apprendre IE8, et de l\u2019accessibilit\u00e9 dans les liens utiles de la semaine","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-07-19T18:00:28+00:00","article_modified_time":"2012-07-20T07:38:05+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/07\/pixel19.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\/pixel-et-code-19\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/","name":"Des pixels et du code #19 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixel19.jpg","datePublished":"2012-07-19T18:00:28+00:00","dateModified":"2012-07-20T07:38:05+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Un livre sur le HTML5, un site pour apprendre IE8, et de l\u2019accessibilit\u00e9 dans les liens utiles de la semaine","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixel-et-code-19\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixel19.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixel19.jpg","width":630,"height":180},{"@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\/798","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=798"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/798\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/799"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}