{"id":2344,"date":"2014-02-07T08:25:41","date_gmt":"2014-02-07T07:25:41","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2344"},"modified":"2014-02-26T11:36:07","modified_gmt":"2014-02-26T10:36:07","slug":"des-pixels-du-code-100","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/","title":{"rendered":"Des pixels et du code #100"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration. Pour cette centi\u00e8me \u00e9dition je suis ravie de vous proposer cette semaine beaucoup d’inspiration color\u00e9e et originale dans diff\u00e9rents domaines cr\u00e9atifs, et plusieurs \u00ab\u00a0jeux\u00a0\u00bb dans le navigateur ou \u00e0 t\u00e9l\u00e9charger pour votre procrastination quotidienne.
\nPour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

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

#Jeu
\nThink invisible<\/a> : un jeu sur la loi fond\/forme des th\u00e9ories de la Gestalt dans lequel il faut deviner l\u2019invisible qui se cache des l\u2019image
\n\"Think<\/p>\n

#Facebook
\nInteresting evolution of the Facebook design in 10 years<\/a>, also more and more adds<\/p>\n

#Share
\nShare share shareeee worldsmostshareablewebsite.greig.cc<\/a><\/p>\n

\"worldsmostshareablewebsite.greig.cc\"
\n#Ergonomie ecommerce
\nHomepage Usability: Can Users Infer the Breadth of Your Product Catalog? <\/a>quelque conseils pour optimiser la page d\u2019accueil de votre site e-commerce pour que l\u2019utilisateur ai un aper\u00e7u suffisamment grand des produits propos\u00e9s<\/p>\n

#Android
\nUne jolie pr\u00e9sentation sur le\u00a0design pour Android\u00a0<\/a><\/p>\n

\"android
\n#Print
\n7 Beginner Mistakes to Avoid When Designing for Print<\/a> les 7 erreurs \u00e0 \u00e9viter quand on fait du print<\/p>\n

#37Signals
\n67signals.com<\/a> une parodie pas forc\u00e9ment tr\u00e8s sympa du site 37 Signals qui a annonc\u00e9 cette semaine abandonner tout pour se concentrer sur Basecamp<\/p>\n

Inspiration<\/h2>\n

#Photos
\nHead Shot<\/a> un photographe se met en sc\u00e8ne devant des affiches de film pour d\u00e9noncer la violence des affiches que l\u2019on subit au quotidien<\/p>\n

#Jeu
\nBabadum.com<\/a> un jeu pour apprendre les langues avec un design tr\u00e8s sympa.<\/p>\n

\"babadum.\"<\/p>\n

#V\u00e9g\u00e9taux
\nExaprint fait des logos v\u00e9g\u00e9taux<\/a> pour vos murs, et c\u2019est tr\u00e8s sympa :)<\/p>\n

#Paper
\nZimandzou.fr<\/a> le portfolio haut en couleurs d\u2019artistes qui font des sculptures de papier \u00e0 Nancy :)<\/p>\n

# Design
\nTHE GAP<\/a> par Ira Glass, une tr\u00e8s belle vid\u00e9o pour les designers qui ne sont jamais satisfaits de leur travail<\/p>\n

\"the<\/p>\n

#Typography
\nHelvetica Or Garamond: Typography-Inspired Eyewear<\/a> des lunettes inspir\u00e9es par les c\u00e9l\u00e8bres polices Helvetica et Garamond<\/p>\n

#Almost Humans
\nMeetyourmx.com<\/a>, un site promotionnel pour en savoir plus sur les mod\u00e8les de MX de la s\u00e9rie Almost Humans<\/p>\n

\"meet<\/p>\n

#Colors
\nLa tagline de ce portfolio est \u00ab\u00a0I’m Selling Colors<\/a>\u00ab\u00a0, et je trouve qu\u2019il les vend carr\u00e9ment bien :)<\/p>\n

#Illustration
\nPhilographic<\/a> : des concepts parfois complexes expliqu\u00e9s avec des formes simples<\/p>\n

\"philographics\"
\n#Energy
\nDe l\u2019\u00e9lectricit\u00e9 \u00a0nergy powered by fruits and vegetables<\/a> <3<\/p>\n

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

#Tuts+
\nCourses.tutsplus.com\/free<\/a> les tutoriels vid\u00e9o gratuits que vous pourrez trouver sur Tuts+<\/p>\n

#Illustrator
\nUsing Illustrator Scatter Texture Brushes<\/a> ou comment utiliser des pinceaux pour ajouter de la profondeur \u00e0 vos illustrations<\/p>\n

\"scatterbrush\"<\/p>\n

Des ressources utiles<\/h2>\n

#Responsive Layout
\nLiquidapsive.com<\/a> si la diff\u00e9rence entre mise en page fixe, fluide, adaptive et responsive layout est encore floue pour vous<\/p>\n

\"liquidapsive\"<\/p>\n

Des ressources gratuites<\/h2>\n

#Font
\nBlenda Script<\/a>, une police script gratuite inspir\u00e9e de Lobster avec d’int\u00e9ressantes formes stylistiques alternatives<\/p>\n

\"blenda\"\u00a0<\/span><\/p>\n

Les d\u00e9mos sympas et impressionnantes<\/h2>\n

#CSS
\nCssaz.tumblr.com<\/a> chaque jour durant 26 jours une illustration en HTML\/CSS commen\u00e7ant par une lettre de l\u2019alphabet<\/p>\n

Et s’il devait n’en rester qu’un ?<\/h2>\n

#Jeu
\nProcrastination du midi : Spartans VS Hipsters<\/a>, \u00e9chappez leur avant qu’ils vous transforment en hipster\u00a0(en plus on peut jouer \u00e0 plusieurs ^^ )<\/p>\n

\"Spartans<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu’il ne soit plus \u00e0 jour.Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration. Pour cette centi\u00e8me \u00e9dition je suis ravie de vous proposer cette semaine beaucoup d’inspiration color\u00e9e et originale dans diff\u00e9rents domaines cr\u00e9atifs, et plusieurs \u00ab\u00a0jeux\u00a0\u00bb dans le navigateur ou \u00e0 t\u00e9l\u00e9charger pour votre procrastination quotidienne. Pour plus …<\/p>\n","protected":false},"author":3,"featured_media":2346,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2344","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nDes pixels et du code #100 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 100\" \/>\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-du-code-100\/\" \/>\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 #100 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 100\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/\" \/>\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=\"2014-02-07T07:25:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-02-26T10:36:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/02\/pixelcode100.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"243\" \/>\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=\"3 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-du-code-100\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/\",\"name\":\"Des pixels et du code #100 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode100.jpg\",\"datePublished\":\"2014-02-07T07:25:41+00:00\",\"dateModified\":\"2014-02-26T10:36:07+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 100\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode100.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode100.jpg\",\"width\":850,\"height\":243,\"caption\":\"Des pixels et du code #100\"},{\"@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 #100 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 100","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-du-code-100\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #100 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 100","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-02-07T07:25:41+00:00","article_modified_time":"2014-02-26T10:36:07+00:00","og_image":[{"width":850,"height":243,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/02\/pixelcode100.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/","name":"Des pixels et du code #100 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode100.jpg","datePublished":"2014-02-07T07:25:41+00:00","dateModified":"2014-02-26T10:36:07+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration: les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 100","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-100\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode100.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode100.jpg","width":850,"height":243,"caption":"Des pixels et du code #100"},{"@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\/2344","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=2344"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2344\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2346"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}