{"id":770,"date":"2012-06-21T20:38:48","date_gmt":"2012-06-21T18:38:48","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=770"},"modified":"2012-06-22T13:40:21","modified_gmt":"2012-06-22T11:40:21","slug":"des-pixels-et-du-code-15","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/","title":{"rendered":"Des pixels et du code #15"},"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>Une sesssion courte de liens pour cause de 36h de design intensif \u00e0 l\u2019<a href=_-4104.html target=\"_blank\">Apps Foundry Contest<\/a> en d\u00e9but de semaine (article \u00e0 venir).<\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p># CSS3<\/p>\n<p><a href=_-4105.html>A Look Into: CSS3 Negation (:NOT) Selector <\/a>, un tutoriel sur l\u2019utilisation de la pseudo classe :not en CSS3 qui permet de cr\u00e9er des selections \u201cn\u00e9gatives\u201d<\/p>\n<p>#Responsive image<\/p>\n<p><a href=_-4106.html>Responsive Images With WordPress\u2019 Featured Images <\/a>des images responsives tr\u00e8s facilement dans WordPress gr\u00e2ce au plugin propos\u00e9 dans ce tutoriel<\/p>\n<p>#Illustrator<\/p>\n<p><a href=_-4107.html>Advanced Illustrator Tutorials \u2013 My Favorites <\/a>une collection de tutoriels Illustrator<\/p>\n<h2>Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n<p>#jQuery<\/p>\n<p><a href=_-4108.html>fc.tape<\/a> \u00a0une petite API pour cr\u00e9er des objets qui tournent sur eux m\u00eame, comme au cinema !<\/p>\n<p>#Mobile #Template<\/p>\n<p><a href=_-4109.html>Une template PSD d\u2019iphone 4S en blanc<\/a>, toujours utile.<\/p>\n<p>#Responsive<\/p>\n<p><a href=_-4110.html>selectnav.js<\/a> convertis la navigation d\u2019un site en une liste d\u00e9roulante pour les \u00e9crans plus petits<\/p>\n<p>#Responsive image<\/p>\n<p><a href=_-4111.html>Jquerypicture<\/a>, un plugin jQuery pour utiliser des images responsives avec la syntaxe propos\u00e9e &lt;picture&gt;<\/p>\n<p>#iOs<\/p>\n<p><a href=_-4112.html>iosjs.com<\/a>, un script pour am\u00e9liorer le comportement des sites et webapps sous iOs<\/p>\n<h2>Les articles \u00e0 lire<\/h2>\n<p>#Android<\/p>\n<p><a href=_-4113.html>Coding WordPress With Android<\/a>, un article qui rassemble toute une liste d\u2019applications pour cr\u00e9er et coder votre site WordPress depuis Android, dont quelques applications d\u2019\u00e9dition de code qui m\u2019ont l\u2019air fort sympathiques<\/p>\n<p>#RWD<\/p>\n<p><a href=_-4114.html>Responsive images: what&rsquo;s the problem, and how do we fix it? <\/a>un retour d\u2019exp\u00e9rience sur la difficult\u00e9 de mettre en place des images responsive, quelques techniques propos\u00e9es avec leurs avantages et leurs inconv\u00e9nients<\/p>\n<p>#Accessibility<\/p>\n<p><a href=_-4115.html>HTML5 Accessibility Chops: When to use an ARIA role<\/a> qu\u2019est ce que l\u2019Aria et quand et comment utiliser l\u2019attribut \u201crole\u201d, cet article r\u00e9pond \u00e0 cette question.<\/p>\n<p>#Mobilit\u00e9<\/p>\n<p><a href=_-4116.html>Mobile Considerations in User Experience Design: \u201cWeb or Native?\u201d<\/a> , extrait du Smashing Book #3 qui revient sur les concepts d\u2019application native, web (et hybride) et dans quel cas utiliser chacune d\u2019entre elles.<\/p>\n<p>#UX<\/p>\n<p><a href=_-4117.html>10 expert tips for great user interface (UI) design<\/a> connaitre le contexte, r\u00e9soudre les probl\u00e8mes, et 8 autres conseils pour cr\u00e9er des interfaces ergonomiques<\/p>\n<p>Et pour finir un petit aper\u00e7u de l\u2019application cr\u00e9\u00e9 pour le concours Apps Foundry Contest sur <a href=_-4118.html>dribbble<\/a> \u00a0<a href=_-4119.html>et<\/a> <a href=_-4120.html>sur <\/a>scoutzie<\/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 sesssion courte de liens pour cause de 36h de design intensif \u00e0 l\u2019Apps Foundry Contest en d\u00e9but de semaine (article \u00e0 venir). Les tutoriels de la semaine # CSS3 A Look Into: CSS3 Negation (:NOT) Selector , un tutoriel sur l\u2019utilisation de la pseudo classe :not en CSS3 qui permet de cr\u00e9er des selections \u201cn\u00e9gatives\u201d #Responsive image Responsive Images With WordPress\u2019 &hellip;<\/p>\n","protected":false},"author":3,"featured_media":771,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-770","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 #15 - 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=\"Des liens utiles pour cr\u00e9er des sites responsive, des tutoriels Illustrator, de l&#039;accessibilit\u00e9 HTML5 et de l&#039;Android\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-4121.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 #15 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Des liens utiles pour cr\u00e9er des sites responsive, des tutoriels Illustrator, de l&#039;accessibilit\u00e9 HTML5 et de l&#039;Android\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/\" \/>\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-06-21T18:38:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-06-22T11:40:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/06\/pixecode14.png\" \/>\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\/png\" \/>\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-15\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/\",\"name\":\"Des pixels et du code #15 - 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-15\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixecode14.png\",\"datePublished\":\"2012-06-21T18:38:48+00:00\",\"dateModified\":\"2012-06-22T11:40:21+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Des liens utiles pour cr\u00e9er des sites responsive, des tutoriels Illustrator, de l'accessibilit\u00e9 HTML5 et de l'Android\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixecode14.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixecode14.png\",\"width\":630,\"height\":180,\"caption\":\"Des pixels et du code #15\"},{\"@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 #15 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Des liens utiles pour cr\u00e9er des sites responsive, des tutoriels Illustrator, de l'accessibilit\u00e9 HTML5 et de l'Android","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-15\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #15 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Des liens utiles pour cr\u00e9er des sites responsive, des tutoriels Illustrator, de l'accessibilit\u00e9 HTML5 et de l'Android","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-06-21T18:38:48+00:00","article_modified_time":"2012-06-22T11:40:21+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/06\/pixecode14.png","type":"image\/png"}],"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-15\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/","name":"Des pixels et du code #15 - 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-15\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixecode14.png","datePublished":"2012-06-21T18:38:48+00:00","dateModified":"2012-06-22T11:40:21+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Des liens utiles pour cr\u00e9er des sites responsive, des tutoriels Illustrator, de l'accessibilit\u00e9 HTML5 et de l'Android","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-15\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixecode14.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixecode14.png","width":630,"height":180,"caption":"Des pixels et du code #15"},{"@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\/770"}],"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=770"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/770\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/771"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}