{"id":917,"date":"2012-10-04T20:00:03","date_gmt":"2012-10-04T18:00:03","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=917"},"modified":"2012-10-05T09:08:36","modified_gmt":"2012-10-05T07:08:36","slug":"des-pixels-et-du-code-30","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/","title":{"rendered":"Des pixels et du code #30"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Les tutoriels de la semaine<\/h2>\n

Encore une semaine de liens tr\u00e8s charg\u00e9e, qui va beaucoup plaire aux amoureux des ic\u00f4nes et des belles polices dessin\u00e9es \u00e0 la main et aux curieux du CSS et de l’exp\u00e9rience utilisateur. En bonus, un petit outil pour tester vos sites sur Firefox OS, et toujours des plugins JS et jQuery pour vous faciliter la vie<\/p>\n

#CSS<\/p>\n

Under construction man in pure CSS<\/a>, pas vraiment un tutoriel, plus une d\u00e9mo, mais ils vous suffit de regarder le code, voil\u00e0 une \u201cic\u00f4ne\u201d du web, le petit \u201cunder construction\u201d gif anim\u00e9 r\u00e9alis\u00e9 en pur CSS<\/p>\n

#CSS3
\nCss3-stitch-effect<\/a> un effet \u201ccousu\u201d en CSS3, simple, mais efficace<\/p>\n

Des ressources utiles<\/h2>\n

#twitter<\/p>\n

Twitrcovers.com<\/a> un site avec des cover twitter, au cas o\u00f9 vous n\u2019auriez pas d\u2019id\u00e9e<\/p>\n

#Flexbox<\/p>\n

Flexbox<\/a> un outil pour cr\u00e9er facilement des colonnes avec CSS flexbox<\/p>\n

#Javascript<\/p>\n

Humane-js<\/a> un syst\u00e8me de notifications en JavaScript simple et non intrusif<\/p>\n

#iPhone<\/p>\n

Iphonefivewallpapers<\/a> des fonds d\u2019\u00e9cran pour iPhone5, si vous manquez d\u2019inspiration profitez-en<\/p>\n

#Typographie<\/p>\n

Handdrawnfont.com\u00a0<\/a> une collection de tr\u00e8s jolies polices dans un style \u201cdessin\u00e9 \u00e0 la main\u201d.<\/p>\n

Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n

#Couleurs<\/p>\n

Hslpicker.com<\/a> un petit outil pour avoir des couleurs en HSL, RGB et Hexa<\/p>\n

#framework CSS
\nKubeframework <\/a>encore un nouveau framework CSS, responsive<\/p>\n

#Video<\/p>\n

Flowplayer.org<\/a> , un player de videos tr\u00e8s minimaliste, l\u00e9ger et propre qui lit les formats HTML5<\/p>\n

#Firefox OS<\/p>\n

R2d2b2g: an experimental prototype Firefox OS test environment <\/a>un plugin Firefox pour tester son site sur une \u00e9mulation de Firefox OS. Pas tr\u00e8s stable sous Windows, mais prometteur.<\/p>\n

#Accessibilit\u00e9
\nPseudoIconTest <\/a>une page pour tester les font-icon avec diff\u00e9rentes techniques pour les lecteurs d\u2019\u00e9cran<\/p>\n

#CSS
\nSpecificity.keegan.st<\/a> un outil en ligne pour calculer le \u201cpoid\u201d des s\u00e9lecteurs et savoir lequel sera appliqu\u00e9, de mani\u00e8re visuelle<\/p>\n

Les articles \u00e0 lire<\/h2>\n

#Icone<\/p>\n

Wecrafted<\/a> , le processus cr\u00e9atif derri\u00e8re des ic\u00f4nes d\u2019interface, une lecture tr\u00e8s sympa.<\/p>\n

#UX<\/p>\n

L\u2019exp\u00e9rience utilisateur d’un grille pain<\/a>, encore un bel exemple d\u2019exp\u00e9rience utilisateur au quotidien avec un objet pas si bien pens\u00e9 que \u00e7a au final, le grille pain<\/p>\n

#UI #Inspiration<\/p>\n

Inspiring UI Wireframe Sketches <\/a>vous savez que j\u2019adore les jolis wireframes, en voil\u00e0 une collection sympa :)<\/p>\n

#Illustration #Inspiration<\/p>\n

Thebeastisback.com<\/a> les illustrations de Christopher Lee (non pas Sarouman)<\/p>\n

#Webdesign<\/p>\n

Stop Pagination Now<\/a> un excellent article sur un ph\u00e9nom\u00e8ne qui m\u2019\u00e9nerve \u00e9galement : la pagination sur les sites web, ou le morcellement des articles en diff\u00e9rentes pages (pour afficher plus de pubs par exemple)<\/p>\n

Et pour finir, l\u2019inspiration de la semaine, un tumblr avec des gifs qui s\u2019animent au survol de la souris gifctrl.com<\/a> et\u00a0 le bonux responsive de la semaine qui vous fera sourire<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu’il ne soit plus \u00e0 jour.Les tutoriels de la semaine Encore une semaine de liens tr\u00e8s charg\u00e9e, qui va beaucoup plaire aux amoureux des ic\u00f4nes et des belles polices dessin\u00e9es \u00e0 la main et aux curieux du CSS et de l’exp\u00e9rience utilisateur. En bonus, un petit outil pour tester vos sites sur Firefox OS, et toujours des plugins JS et jQuery pour vous faciliter la vie #CSS …<\/p>\n","protected":false},"author":3,"featured_media":918,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-917","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #30 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <meta name=\"description\" content=\"Les liens de la semaine : des cover twitter de fond iPhone5, de l'inspiration, des illustrations, des jolies polices et des tutoriaux CSS\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-4018.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 #30 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Les liens de la semaine : des cover twitter de fond iPhone5, de l'inspiration, des illustrations, des jolies polices et des tutoriaux CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/\" \/>\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-10-04T18:00:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-10-05T07:08:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/10\/pixeletcode30.png\" \/>\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\/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-30\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/\",\"name\":\"Des pixels et du code #30 - 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-30\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/pixeletcode30.png\",\"datePublished\":\"2012-10-04T18:00:03+00:00\",\"dateModified\":\"2012-10-05T07:08:36+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Les liens de la semaine : des cover twitter de fond iPhone5, de l'inspiration, des illustrations, des jolies polices et des tutoriaux CSS\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/pixeletcode30.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/pixeletcode30.png\",\"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'utilisabilit\u00e9 et l'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 & 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 #30 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Les liens de la semaine : des cover twitter de fond iPhone5, de l'inspiration, des illustrations, des jolies polices et des tutoriaux CSS","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-30\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #30 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Les liens de la semaine : des cover twitter de fond iPhone5, de l'inspiration, des illustrations, des jolies polices et des tutoriaux CSS","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-10-04T18:00:03+00:00","article_modified_time":"2012-10-05T07:08:36+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/10\/pixeletcode30.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-30\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/","name":"Des pixels et du code #30 - 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-30\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/pixeletcode30.png","datePublished":"2012-10-04T18:00:03+00:00","dateModified":"2012-10-05T07:08:36+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Les liens de la semaine : des cover twitter de fond iPhone5, de l'inspiration, des illustrations, des jolies polices et des tutoriaux CSS","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-30\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/pixeletcode30.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/10\/pixeletcode30.png","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'utilisabilit\u00e9 et l'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 & 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\/917"}],"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=917"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/917\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/918"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=917"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=917"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}