{"id":2368,"date":"2014-02-14T08:37:31","date_gmt":"2014-02-14T07:37:31","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2368"},"modified":"2014-02-14T08:42:45","modified_gmt":"2014-02-14T07:42:45","slug":"des-pixels-du-code-101","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/","title":{"rendered":"Des pixels et du code #101"},"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.
\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
\nColor.method.ac<\/a> , un petit jeu pour procrastiner ce matin : trouvez la couleur correspondante \u00a0(et y a m\u00eame une version accessible)<\/p>\n

\"color.method.ac<\/p>\n

#UX #Pattern
\nOutdated UX patterns and alternatives<\/a> \u00a0des \u00e9l\u00e9ments d\u2019interface \u201cd\u00e9suets\u201d avec des alternatives. Je ne suis pas forc\u00e9ment d\u2019accord pour tous, mais c\u2019est toujours int\u00e9ressant d\u2019avoir des alternatives<\/p>\n

#Android
\nExploring Android\u2019s action bar guidelines<\/a> \u00a0des conseils pour utiliser l\u2019action bar d\u2019Android \u00e0 bon escient<\/p>\n

#UX
\nUsability Test on Dropbox Photos <\/a>des tests utilisateurs chez Dropbox pour am\u00e9liorer l\u2019interface des photos<\/p>\n

\"Usability<\/p>\n

The ROI of User Experience<\/a> une vid\u00e9o de with Dr. Susan Weinschenk sur le retour sur investissement de l\u2019exp\u00e9rience utilisateur<\/p>\n

#Animation
\nUI Animation and UX: A Not-So-Secret Friendship<\/a> des exemples d\u2019animations d\u2019interface en CSS pour am\u00e9liorer de fa\u00e7on discr\u00e8te l\u2019exp\u00e9rience utilisateur<\/p>\n

\"UI<\/p>\n

#Native app
\nHow Can HTML Compete with Native?<\/a> une pr\u00e9sentation tr\u00e8s sympa pour y voir plus clair dans la bataille \u00a0entre applications natives et HTML5<\/p>\n

<\/h2>\n

Inspiration<\/h2>\n

#Illustration
\nLovesoup,<\/a> de jolies illustrations \u00e0 l’aquarelle pour un portfolio tr\u00e8s color\u00e9<\/p>\n

\"Lovesoup\"<\/p>\n

#Illustration
\nAformulaonehistory.com<\/a> une jolie histoire de la formule 1 illustr\u00e9e<\/p>\n

\"Aformulaonehistory.com\"<\/p>\n

#Illustration<\/p>\n

Bugs<\/a>, de magnifiques insectes m\u00e9talliques et coloris\u00e9s \u00e0 la peinture<\/p>\n

\"Bugs\"
\n#Computer
\nThe Restart Page<\/a>, un hommage aux modales de red\u00e9marrage de nos syst\u00e8mes d\u2019exploitation<\/p>\n

Des ressources utiles<\/h2>\n

#Font
\nWordmark.it<\/a> affiche les polices pr\u00e9sentes sur votre ordinateurs dans une interface web pour vous permettre de faire un choix rapide et les comparer<\/p>\n

\"Wordmark.it\"<\/p>\n

#Photoshop plugin
\nTinyPNG <\/a>\u00a0(outil de compression d\u2019image) est d\u00e9sormais disponible en plugin Photoshop<\/p>\n

Des ressources gratuites<\/h2>\n

#icons
\nNastyicons.com<\/a> des petites ic\u00f4nes dans un style tr\u00e8s d\u00e9cal\u00e9<\/p>\n

#Mockup
\n40 Free Mockup Templates to Present Your UI Designs<\/a> 40 images et fichiers vectoriels d\u2019appareils mobile et ordinateurs \u00e0 t\u00e9l\u00e9charger<\/p>\n

#Font
\nSIMPLIFICA<\/a>, une police sans serif gratuit<\/p>\n

\"simplifica\"
\n#UX
\nMobile book of trends 2014<\/a> les tendances du design mobile de 2014 d\u00e9cortiqu\u00e9es dans cet ebook gratuit<\/p>\n

\"Mobile<\/p>\n

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

#CSS
\nMaking art using ONLY circles in CSS<\/a>, apr\u00e8s le mate painting et le speed painting dans Photoshop voil\u00e0 le CSS painting.<\/p>\n

\"Making
\n#Robot
\nFish on Wheels<\/a>, le premier poisson qui peut d\u00e9placer son aquarium tout seul<\/p>\n

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

#Navigation
\nKilling Off the Global Navigation: One Trend to Avoid<\/a> cacher la navigation principale sous une dropdown ou un bouton permet de gagner de la place dans le header, oui mais \u00e0 quel prix ? Cet article vous pr\u00e9sent quelques risques de ce genre de navigation.<\/p>\n

\"Killing<\/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 plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter. Bonne lecture :) Les articles \u00e0 lire #Jeu Color.method.ac , un petit jeu pour procrastiner ce matin : trouvez la couleur correspondante \u00a0(et y a …<\/p>\n","protected":false},"author":3,"featured_media":2380,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2368","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 #101 - 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 101\" \/>\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-101\/\" \/>\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 #101 - 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 101\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/\" \/>\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-14T07:37:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-02-14T07:42:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/02\/pixelcocde101.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=\"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-du-code-101\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/\",\"name\":\"Des pixels et du code #101 - 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-101\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcocde101.jpg\",\"datePublished\":\"2014-02-14T07:37:31+00:00\",\"dateModified\":\"2014-02-14T07:42:45+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 101\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcocde101.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcocde101.jpg\",\"width\":850,\"height\":243,\"caption\":\"Des pixels et du code #101\"},{\"@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 #101 - 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 101","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-101\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #101 - 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 101","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-02-14T07:37:31+00:00","article_modified_time":"2014-02-14T07:42:45+00:00","og_image":[{"width":850,"height":243,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/02\/pixelcocde101.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-du-code-101\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/","name":"Des pixels et du code #101 - 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-101\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcocde101.jpg","datePublished":"2014-02-14T07:37:31+00:00","dateModified":"2014-02-14T07:42:45+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 101","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-101\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcocde101.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcocde101.jpg","width":850,"height":243,"caption":"Des pixels et du code #101"},{"@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\/2368","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=2368"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2368\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2380"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}