{"id":623,"date":"2012-03-30T19:13:11","date_gmt":"2012-03-30T17:13:11","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=623"},"modified":"2014-03-09T11:54:33","modified_gmt":"2014-03-09T10:54:33","slug":"des-pixels-et-du-code-03","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/","title":{"rendered":"Des pixels et du code #03"},"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>Dans l\u2019\u00e9dition de cette semaine, beaucoup de code (surtout du CSS3) et un peu moins de pixels, mais promis, je me rattraperai.<\/p>\n<p>#CSS3<\/p>\n<p>Cr\u00e9er un petit <a href=\"http:\/\/www.inserthtml.com\/2012\/03\/creating-css-image-ribbons\/\" target=\"_blank\">bandeau de coin pour des images ou sliders<\/a>, en CSS3<\/p>\n<p>#HTML5 CSS3<\/p>\n<p>HTML5 et CSS3 dans des <a title=\"HTML5 et CSS3 dans des slideshow sans javascript\" href=\"http:\/\/www.creativejuiz.fr\/blog\/tutoriels\/html5-et-css3-dans-des-slideshow-sans-javascript\" target=\"_blank\">slideshow sans javascript <\/a>.<\/p>\n<p>#CSS3 #Autopromotion<a title=\"HTML5 - CSS3 double login \/ subscribe form avec :target\" href=\"http:\/\/blog.stephaniewalter.fr\/formulaire-login-sign-up-html5-css3\/\" target=\"_blank\"> Un double formulaire de login \/ sign up en HTML5 et CSS3<\/a> utilisant :target pour switcher, mon premier article sur codrops<\/p>\n<p>#Responsive<\/p>\n<p><a title=\"Device-Agnostic Approach To Responsive Web Design\" href=\"http:\/\/coding.smashingmagazine.com\/2012\/03\/22\/device-agnostic-approach-to-responsive-web-design\/\" target=\"_blank\">Un super article <\/a>\u00e0 lire absolument o\u00f9 <a href=\"http:\/\/coding.smashingmagazine.com\/author\/thierry-koblentz\/\">Thierry Koblentz<\/a> explique son point de vu sur le fait qu\u2019il vaut mieux se d\u00e9tacher des devices mobiles et tablette pour trouver les \u201cbreak points\u201d en responsive design, et se concentrer sur la lisibilit\u00e9 du contenu.<\/p>\n<p>#Design<\/p>\n<p><a title=\"Big Design in Small Spaces\" href=\"http:\/\/designshack.net\/articles\/big-design-in-small-spaces\/\" target=\"_blank\">Big design in small space<\/a> : comment de simples petits d\u00e9tails et changements peuvent am\u00e9liorer le design d\u2019une page web<\/p>\n<p>#iOs<\/p>\n<p><a href=\"http:\/\/speckyboy.com\/2012\/03\/20\/the-curious-link-between-icon-design-and-candies\/\">The Curious Link Between Icon Design and Candies\u00a0<\/a> une analyse sur cette tendance du moment de cr\u00e9er des icones d\u2019application iOs trop r\u00e9alistes, et pourquoi cel\u00e0 d\u00e9sert le but de l\u2019icone.<\/p>\n<p>#Accessibilit\u00e9<\/p>\n<p><a href=\"http:\/\/snook.ca\/archives\/html_and_css\/definition-lists-v-tables\">Definition lists vs tables<\/a> \u00a0Jonathan Snook \u00a0a test\u00e9 l\u2019accessibilit\u00e9 des listes de d\u00e9finition et les tables<\/p>\n<p>#Canvas<\/p>\n<p><a title=\"Demo feu d'artifice en canvas\" href=\"http:\/\/jackrugile.com\/lab\/fireworks-v1\/ \" target=\"_blank\">des feux d\u2019artifice en canva<\/a>, une d\u00e9mo sympa !<\/p>\n<p>#SublimeText<\/p>\n<p><a title=\"Essential Sublime Text 2 Plugins and Extensions\" href=\"http:\/\/net.tutsplus.com\/tutorials\/tools-and-tips\/essential-sublime-text-2-plugins-and-extensions\/\" target=\"_blank\">Une collection de plugins <\/a>utiles pour l\u2019\u00e9diteur Sublime Text 2.<\/p>\n<p>#iPad<\/p>\n<p><a href=\"http:\/\/cubiq.org\/webkit-weird-box-shadow-bug-with-fix\">Webkit weird box shadow bug <\/a>\u00a0Un bug avec les box shadow sur l\u2019iPad 3, alors qu\u2019il n\u2019y a aucun souci avec l\u2019iPad 1.<\/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.Dans l\u2019\u00e9dition de cette semaine, beaucoup de code (surtout du CSS3) et un peu moins de pixels, mais promis, je me rattraperai. #CSS3 Cr\u00e9er un petit bandeau de coin pour des images ou sliders, en CSS3 #HTML5 CSS3 HTML5 et CSS3 dans des slideshow sans javascript . #CSS3 #Autopromotion Un double formulaire de login \/ sign up en HTML5 et CSS3 utilisant &hellip;<\/p>\n","protected":false},"author":3,"featured_media":624,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-623","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 #03 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Beaucoup de code (surtout du CSS3) et un peu moins de pixels, des plugins sublimtext2, un peu d&#039;ipad3 et des feux d&#039;artifice en canvas\" \/>\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-03\/\" \/>\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 #03 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Beaucoup de code (surtout du CSS3) et un peu moins de pixels, des plugins sublimtext2, un peu d&#039;ipad3 et des feux d&#039;artifice en canvas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/\" \/>\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-30T17:13:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-03-09T10:54:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/03\/pixel_03.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-03\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/\",\"name\":\"Des pixels et du code #03 - 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-03\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixel_03.jpg\",\"datePublished\":\"2012-03-30T17:13:11+00:00\",\"dateModified\":\"2014-03-09T10:54:33+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Beaucoup de code (surtout du CSS3) et un peu moins de pixels, des plugins sublimtext2, un peu d'ipad3 et des feux d'artifice en canvas\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixel_03.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixel_03.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 #03 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Beaucoup de code (surtout du CSS3) et un peu moins de pixels, des plugins sublimtext2, un peu d'ipad3 et des feux d'artifice en canvas","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-03\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #03 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Beaucoup de code (surtout du CSS3) et un peu moins de pixels, des plugins sublimtext2, un peu d'ipad3 et des feux d'artifice en canvas","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-03-30T17:13:11+00:00","article_modified_time":"2014-03-09T10:54:33+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/03\/pixel_03.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-03\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/","name":"Des pixels et du code #03 - 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-03\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixel_03.jpg","datePublished":"2012-03-30T17:13:11+00:00","dateModified":"2014-03-09T10:54:33+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Beaucoup de code (surtout du CSS3) et un peu moins de pixels, des plugins sublimtext2, un peu d'ipad3 et des feux d'artifice en canvas","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-03\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixel_03.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/03\/pixel_03.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\/623","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=623"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/623\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/624"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}