{"id":880,"date":"2012-09-13T23:42:58","date_gmt":"2012-09-13T21:42:58","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=880"},"modified":"2012-09-13T23:42:58","modified_gmt":"2012-09-13T21:42:58","slug":"des-pixels-et-du-code-27","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/","title":{"rendered":"Des pixels et du code #27"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p dir=\"ltr\">Une petite semaine avec beaucoup de liens orient\u00e9s code : CSS, CSS3 et responsive webdesign, du retina display, et quelques articles sur le d\u00e9bat de la semaine, le skeuomorphisme<\/p>\n<h2 dir=\"ltr\">Les tutoriels de la semaine<\/h2>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/css-tricks.com\/css-target-for-off-screen-designs\/\">CSS target for off screen designs<\/a>, ou comment re-cr\u00e9er l\u2019interface de l\u2019envoie de sms iOS en CSS uniquement en utilisant :target<\/p>\n<p>#SVG<\/p>\n<p><a href=\"http:\/\/blog.stephaniewalter.fr\/utiliser-un-logo-cliquable-svg-sur-un-site-avec-fallback\/\">Utiliser un logo cliquable SVG sur un site avec fallback<\/a>, mon article sur Noupe avec 6 techniques pour utiliser une image SVG en logo avec diff\u00e9rents fallbacks<\/p>\n<h2 dir=\"ltr\">Des ressources utiles<\/h2>\n<p>#Icon<\/p>\n<p><a href=\"http:\/\/www.webdesignerdepot.com\/2012\/04\/free-download-200-vector-icons-from-inventicons\/\">Inventicons<\/a>, 200 icones gratuites pour vos projets<\/p>\n<p>#RWD<\/p>\n<p><a href=\"http:\/\/www.uxde.net\/2012\/09\/08\/responsive-jquery-image-slider-plugins\/\">Best of:Responsive jQuery Image Slider Plugins<\/a>, une liste tr\u00e8s compl\u00e8te de sliders responsive pour les th\u00e8mes WordPress<\/p>\n<p><a href=\"http:\/\/bradfrost.github.com\/this-is-responsive\/\">This-is-responsive,<\/a> un site qui c\u00e9l\u00e8bre le responsive et propose des patternes et des ressources utiles<\/p>\n<p>#jQuery<\/p>\n<p><a href=\"http:\/\/jqfundamentals.com\/\">A guide to the basics of jQuery<\/a><\/p>\n<p>#iOS<\/p>\n<p><a href=\"http:\/\/webuikits.com\/white-iphone-5\/\">White-iphone-5<\/a> un PSD \u00e0 t\u00e9l\u00e9charger du design du nouvel iPhone 5<\/p>\n<h2 dir=\"ltr\">Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n<p>#JavaScript<\/p>\n<p><a href=\"http:\/\/brad.is\/coding\/BigScreen\/\">BigScreen<\/a> une librairie JavaScript pour utiliser facilement l\u2019API fullscreen<\/p>\n<h2 dir=\"ltr\">Les articles \u00e0 lire<\/h2>\n<p>#Case Study<\/p>\n<p><a href=\"http:\/\/sachagreif.com\/a-collection-of-design-case-studies\/\">A collection of design case studies<\/a> Sacha Greif a rassembl\u00e9 une belle liste d\u2019\u00e9tude de cas de design sur son blog, et comme vous le savez d\u00e9j\u00e0 surement si vous me suivez un peu, j\u2019aime beaucoup ce genre d\u2019articles qui permet de d\u00e9couvrir l\u2019envers du d\u00e9cors.<\/p>\n<p>#Retina<\/p>\n<p><a href=\"http:\/\/www.inserthtml.com\/2012\/09\/designing-retina-devices\/\">Designing for Retina Display<\/a> une explication imag\u00e9e de ce qu\u2019affiche un \u00e9cran retina en terme de pixels, et comment utiliser des media queries et du JS pour afficher des images retina<\/p>\n<p>#Skeuomorphism<\/p>\n<p><a href=\"http:\/\/sachagreif.com\/what-skeuomorphism-is-and-isnt\/\">What Skeuomorphism Is (And Isn\u2019t)<\/a> une petite mise au point de Sacha Greif sur ce qu\u2019edt r\u00e9ellement le skeuomorphisme, sujet qui semble faire d\u00e9bat en ce moment notamment pour les applications iOS<br \/>\n<a href=\"http:\/\/www.imore.com\/its-not-about-html-or-skeumorphism-its-about-usability\">It&rsquo;s not about HTML5 or skeuomorphism, it&rsquo;s about usability<\/a> voil\u00e0 qui r\u00e9sum\u00e9 assez bien le fond de ma pens\u00e9e, skeuomorphism ou pas, HTML5 ou pas, l\u2019essentiel c\u2019est garantir la meilleur exp\u00e9rience utilisateur dans les meilleurs conditions possibles<\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/www.sitepoint.com\/native-css-variables\/\">Native css variables<\/a> bient\u00f4t des variables en CSS natif: principe et utilisation<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.Une petite semaine avec beaucoup de liens orient\u00e9s code : CSS, CSS3 et responsive webdesign, du retina display, et quelques articles sur le d\u00e9bat de la semaine, le skeuomorphisme Les tutoriels de la semaine #CSS CSS target for off screen designs, ou comment re-cr\u00e9er l\u2019interface de l\u2019envoie de sms iOS en CSS uniquement en utilisant :target #SVG Utiliser un logo cliquable SVG &hellip;<\/p>\n","protected":false},"author":3,"featured_media":881,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-880","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 v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Des pixels et du code #27 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Des conseils pour du retina en CSS, un site d\u00e9di\u00e9 au responsive webdesigner et quelques articles sur le skeuomorphisme\" \/>\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-27\/\" \/>\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 #27 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Des conseils pour du retina en CSS, un site d\u00e9di\u00e9 au responsive webdesigner et quelques articles sur le skeuomorphisme\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/\" \/>\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-09-13T21:42:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/09\/pixelcode28.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-27\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/\",\"name\":\"Des pixels et du code #27 - 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-27\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode28.jpg\",\"datePublished\":\"2012-09-13T21:42:58+00:00\",\"dateModified\":\"2012-09-13T21:42:58+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Des conseils pour du retina en CSS, un site d\u00e9di\u00e9 au responsive webdesigner et quelques articles sur le skeuomorphisme\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode28.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode28.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\":\"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 #27 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Des conseils pour du retina en CSS, un site d\u00e9di\u00e9 au responsive webdesigner et quelques articles sur le skeuomorphisme","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-27\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #27 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Des conseils pour du retina en CSS, un site d\u00e9di\u00e9 au responsive webdesigner et quelques articles sur le skeuomorphisme","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-09-13T21:42:58+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/09\/pixelcode28.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-27\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/","name":"Des pixels et du code #27 - 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-27\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode28.jpg","datePublished":"2012-09-13T21:42:58+00:00","dateModified":"2012-09-13T21:42:58+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Des conseils pour du retina en CSS, un site d\u00e9di\u00e9 au responsive webdesigner et quelques articles sur le skeuomorphisme","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-27\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode28.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode28.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":"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\/880","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=880"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/880\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/881"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=880"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=880"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}