{"id":861,"date":"2012-08-23T20:54:33","date_gmt":"2012-08-23T18:54:33","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=861"},"modified":"2012-08-23T20:54:33","modified_gmt":"2012-08-23T18:54:33","slug":"des-pixels-et-du-code-24","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/","title":{"rendered":"Des pixels et du code #24"},"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\">Cette semaine beaucoup de tutoriels CSS3 pour cr\u00e9er des effets sympas et ajouter un peu de dynamisme \u00e0 vos pages, mais aussi des ressources Android et jQuery.<\/p>\n<h2 dir=\"ltr\">Les tutoriels de la semaine<\/h2>\n<p>#CSS3<\/p>\n<p><a href=_-4055.html>Full-page Animations Using CSS <\/a>un tutoriel pour cr\u00e9er des transitions entre les pages en utilisant les animations 2D et 3D CSS3s<\/p>\n<p><a href=_-4056.html>CSS 3D Folding Animation<\/a> un tutoriel pour cr\u00e9er un effet d\u2019un \u00e9l\u00e9ment pliant qui s\u2019ouvre au survol d\u2019une image<\/p>\n<p><a href=index-1810.html#\">Flipcss<\/a>\u00a0le m\u00eame effet plus pouss\u00e9e avec de volets qui se d\u00e9plient par la gauche, droit, etc, le tout full CSS3.<\/p>\n<p>#jQuery<\/p>\n<p><a href=_-4057.html>How to Create an Interactive Graph using CSS3 &amp; jQuery<\/a> un tutoriel pour cr\u00e9er facilement des grpahiques en utilisant jQuery et du CSS3 pour styler les donn\u00e9es<\/p>\n<h2 dir=\"ltr\">Des ressources utiles<\/h2>\n<p>#Android<\/p>\n<p><a href=_-4058.html>Android ICS\/JB Photoshop GUI Design Kit [Free Download]<\/a> un petit kit d\u2019UI pour Android ICS, plus l\u00e9ger que le kit officiel<\/p>\n<p><a href=_-4059.html>Theultimateandroidlibrary.com<\/a>\u00a0des ressources pour les d\u00e9veloppeurs Android r\u00e9pertori\u00e9es sur un seul et m\u00eame site, pratique !<\/p>\n<p>#Font<\/p>\n<p><a href=indexa53f.html>Mission script<\/a> une jolie font script pour vos projets<\/p>\n<p>#CSS3<\/p>\n<p><a href=_-4060.html>Intro to CSS 3D transforms<\/a> introduction et techniques avanc\u00e9es pour ma\u00eetriser les transformations 3D en CSS3<\/p>\n<p>#optimisation d\u2019image<\/p>\n<p><a href=_-4061.html>10 Neat Image Optimization Tools You\u2019ll Actually Need<\/a> si vous n\u2019avez pas encore trouv\u00e9 de service de r\u00e9duction et optimisation d\u2019image qui vous convienne, vous trouverez peut-\u00eatre votre bonheur dans cette liste<\/p>\n<h2 dir=\"ltr\">Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n<p>#jQuery<\/p>\n<p><a href=_-4062.html>Fluid Animated Grid Plugin for jQuery \u2013 Flex<\/a> un plugin jQuery pour cr\u00e9er une grille dont les \u00e9l\u00e9ments s\u2019animent et s\u2019agrandissent au survol<\/p>\n<p>#Baseline<\/p>\n<p><a href=_-4063.html>Baseline<\/a>, un plugin jQuery pour gader une baseline verticale m\u00eame avec des images responsives<\/p>\n<h2 dir=\"ltr\">Les articles \u00e0 lire<\/h2>\n<p>#Webdesign<\/p>\n<p><a href=_-4064.html>Design jargon explained: Skeuomorphism<\/a>, le skeuomorphisme expliqu\u00e9 avec quelques exemples illustr\u00e9s<\/p>\n<p>#Photoshop<\/p>\n<p><a href=_-4065.html>The Four Stages of Giving Up Photoshop<\/a> une designer explique comment elle a, pour un projet, abandonn\u00e9 Photoshop pour cr\u00e9er le design sous Keynote.<\/p>\n<p>Et le lien geek de la semaine, du <a href=_-4066.html>fan art Star Wars<\/a> tr\u00e8s sympa<\/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.Cette semaine beaucoup de tutoriels CSS3 pour cr\u00e9er des effets sympas et ajouter un peu de dynamisme \u00e0 vos pages, mais aussi des ressources Android et jQuery. Les tutoriels de la semaine #CSS3 Full-page Animations Using CSS un tutoriel pour cr\u00e9er des transitions entre les pages en utilisant les animations 2D et 3D CSS3s CSS 3D Folding Animation un tutoriel pour cr\u00e9er &hellip;<\/p>\n","protected":false},"author":3,"featured_media":863,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-861","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 #24 - 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 effets de volet en CSS3, un plugin jQuery pour rectifier la Baseline et un kit UI pour du design Android, 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=_-4067.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 #24 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Des effets de volet en CSS3, un plugin jQuery pour rectifier la Baseline et un kit UI pour du design Android, les liens utiles de la semaine.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/\" \/>\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-08-23T18:54:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/08\/pixelcode24.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=\"@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-24\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/\",\"name\":\"Des pixels et du code #24 - 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-24\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixelcode24.jpg\",\"datePublished\":\"2012-08-23T18:54:33+00:00\",\"dateModified\":\"2012-08-23T18:54:33+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Des effets de volet en CSS3, un plugin jQuery pour rectifier la Baseline et un kit UI pour du design Android, les liens utiles de la semaine.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixelcode24.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixelcode24.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\":\"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 #24 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Des effets de volet en CSS3, un plugin jQuery pour rectifier la Baseline et un kit UI pour du design Android, 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\/des-pixels-et-du-code-24\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #24 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Des effets de volet en CSS3, un plugin jQuery pour rectifier la Baseline et un kit UI pour du design Android, les liens utiles de la semaine.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-08-23T18:54:33+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/08\/pixelcode24.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-24\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/","name":"Des pixels et du code #24 - 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-24\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixelcode24.jpg","datePublished":"2012-08-23T18:54:33+00:00","dateModified":"2012-08-23T18:54:33+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Des effets de volet en CSS3, un plugin jQuery pour rectifier la Baseline et un kit UI pour du design Android, les liens utiles de la semaine.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-24\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixelcode24.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixelcode24.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":"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\/861"}],"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=861"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/861\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/863"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}