{"id":605,"date":"2012-03-22T20:53:18","date_gmt":"2012-03-22T18:53:18","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=605"},"modified":"2013-06-01T19:38:42","modified_gmt":"2013-06-01T17:38:42","slug":"des-pixels-et-du-code-02","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/","title":{"rendered":"Des pixels et du code #02"},"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>Pour cette seconde \u00e9dition de la section \u201cdes pixels et du code\u201d, cette semaine beaucoup de liens orient\u00e9s CSS et int\u00e9gration, du mobile, sans oubli\u00e9 aujourd\u2019hui la sortie d\u2019adobe Photoshop CS6 version beta.<\/p>\n<p>#Prefix<br \/>\n<a href=\"http:\/\/alrra.github.com\/little-helpers\/vendor-prefixes\/\">Vendor prefix<\/a>, il y a d\u2019autres pr\u00e9fixes que -moz- et -webkit-, un petit site utile qui les r\u00e9pertorie.<\/p>\n<p>#CSS3<br \/>\nUne <a title=\"Full CSS tweetbot loading bar\" href=\"http:\/\/jsfiddle.net\/estevao\/Sz4cX\/ \" target=\"_blank\">barre de chargement \u201ctwitter like\u201d <\/a>en full CSS\u00a0 cr\u00e9\u00e9 par @<a href=\"https:\/\/twitter.com\/#%21\/estevaoam\">estevaoam<\/a><\/p>\n<p>#UI<br \/>\n<a title=\"UI kit javascript\" href=\"http:\/\/visionmedia.github.com\/uikit\/\" target=\"_blank\">Un kit d\u2019UI <\/a>facile \u00e0 implementer en JavaScript<\/p>\n<p>#UX<br \/>\n<a href=\"http:\/\/uxdesign.smashingmagazine.com\/2012\/03\/20\/the-elements-of-navigation\/\">The elements of navigation ,<\/a> un tr\u00e8s bon article sur les bonnes questions \u00e0 se poser lorsque l\u2019on cr\u00e9e une navigation pour un site web.<\/p>\n<p>#responsive<br \/>\n<a href=\"http:\/\/designbeep.com\/2012\/03\/13\/9-useful-free-pdf-ebooks-about-responsive-web-design\/\"> 9 Useful Free PDF Ebooks About Responsive Web Design<\/a> : quelques ressources utiles pour du responsive design.<\/p>\n<p>#mobilit\u00e9<br \/>\n<a href=\"http:\/\/sunpig.com\/martin\/archives\/2012\/03\/18\/goldilocks-and-the-three-device-pixel-ratios.html\">Goldilocks and the Three Device Pixel Ratios\u00a0 <\/a>, une explication de la propri\u00e9t\u00e9 target-densitydpi=device-dpi, de son utilit\u00e9 et du comportement des browser android.<br \/>\n<a href=\"http:\/\/baymard.com\/blog\/mobile-design-limitations\">Mobile design limitations<\/a> : 7 limitations auxquelles il faut penser lorsque l\u2019on fait du design mobile.<\/p>\n<p>#HTML5<br \/>\n<a href=\"http:\/\/dangercove.github.com\/html5-notifications\/\">Html5 notifications<\/a> : des notifications de bureau en HTML5, une petite d\u00e9mo qui fonctionne tr\u00e8s bien sous la derni\u00e8re version de chrome.<\/p>\n<p>#Identite graphique<br \/>\n<a href=\"http:\/\/freelanceaintfree.com\/\">Freelanceaintfree<\/a> une id\u00e9e sympa et unn joli projet.<\/p>\n<p>#CSS3 #Demo<br \/>\n<a title=\"The Box\" href=\"https:\/\/developer.mozilla.org\/fr\/demos\/detail\/the-box \" target=\"_blank\">\u00a0 The Box<\/a>, une d\u00e9mo 3D en CSS, HTML et JavaScript.<\/p>\n<p>#Inception<br \/>\n<a title=\"Inception explained\" href=\"http:\/\/inception-explained.com\/\" target=\"_blank\">Un site web qui explique le plot final d\u2019inception<\/a>, impressionnant, instructif, fun, bref, il FAUT voir \u00e7a \u00a0(le site, le film vous faites comme vous voulez) . Spoiler inside attention:<\/p>\n<p>#404fun<br \/>\n<a title=\"Erreur 404\" href=\"http:\/\/www.betaseries.com\/undefined\" target=\"_blank\">Une id\u00e9e fun pour une 404,<\/a> voil\u00e0 qui devrait aider \u00e0 passer la frustration de l\u2019utilisateur : casser votre site<\/p>\n<p>#Photoshop<br \/>\n<a href=\"http:\/\/delicious.com\/barstef\/photoshop+cs6\">Un collection de liens delicious pour suivre les nouveaut\u00e9s de la version CS6 de Photoshop<\/a>, disponible en version de beta gratuite depuis aujourd\u2019hui.<\/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.Pour cette seconde \u00e9dition de la section \u201cdes pixels et du code\u201d, cette semaine beaucoup de liens orient\u00e9s CSS et int\u00e9gration, du mobile, sans oubli\u00e9 aujourd\u2019hui la sortie d\u2019adobe Photoshop CS6 version beta. #Prefix Vendor prefix, il y a d\u2019autres pr\u00e9fixes que -moz- et -webkit-, un petit site utile qui les r\u00e9pertorie. #CSS3 Une barre de chargement \u201ctwitter like\u201d en full CSS\u00a0 &hellip;<\/p>\n","protected":false},"author":3,"featured_media":606,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-605","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>Des pixels et du code #02 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Cette semaine beaucoup de liens orient\u00e9s CSS et int\u00e9gration, du mobile, sans oubli\u00e9 aujourd\u2019hui la sortie d\u2019adobe Photoshop CS6 beta\" \/>\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-02\/\" \/>\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 #02 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Cette semaine beaucoup de liens orient\u00e9s CSS et int\u00e9gration, du mobile, sans oubli\u00e9 aujourd\u2019hui la sortie d\u2019adobe Photoshop CS6 beta\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/\" \/>\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-03-22T18:53:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-06-01T17:38:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/03\/pixeletcode2.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=\"1 minute\" \/>\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-02\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/\",\"name\":\"Des pixels et du code #02 - 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-02\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixeletcode2.jpg\",\"datePublished\":\"2012-03-22T18:53:18+00:00\",\"dateModified\":\"2013-06-01T17:38:42+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Cette semaine beaucoup de liens orient\u00e9s CSS et int\u00e9gration, du mobile, sans oubli\u00e9 aujourd\u2019hui la sortie d\u2019adobe Photoshop CS6 beta\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixeletcode2.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixeletcode2.jpg\",\"width\":700,\"height\":200},{\"@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 #02 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Cette semaine beaucoup de liens orient\u00e9s CSS et int\u00e9gration, du mobile, sans oubli\u00e9 aujourd\u2019hui la sortie d\u2019adobe Photoshop CS6 beta","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-02\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #02 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Cette semaine beaucoup de liens orient\u00e9s CSS et int\u00e9gration, du mobile, sans oubli\u00e9 aujourd\u2019hui la sortie d\u2019adobe Photoshop CS6 beta","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-03-22T18:53:18+00:00","article_modified_time":"2013-06-01T17:38:42+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/03\/pixeletcode2.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":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/","name":"Des pixels et du code #02 - 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-02\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixeletcode2.jpg","datePublished":"2012-03-22T18:53:18+00:00","dateModified":"2013-06-01T17:38:42+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Cette semaine beaucoup de liens orient\u00e9s CSS et int\u00e9gration, du mobile, sans oubli\u00e9 aujourd\u2019hui la sortie d\u2019adobe Photoshop CS6 beta","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-02\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixeletcode2.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixeletcode2.jpg","width":700,"height":200},{"@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\/605","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=605"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/605\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/606"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}