{"id":1833,"date":"2013-09-06T06:00:51","date_gmt":"2013-09-06T04:00:51","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1833"},"modified":"2013-09-05T22:47:43","modified_gmt":"2013-09-05T20:47:43","slug":"des-pixels-et-du-code-78","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/","title":{"rendered":"Des pixels et du code #78"},"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. Cette semaine, une belle s\u00e9lection de portfolio d’illustrateurs devrait ravir votre imagination, et vous trouverez quelques bons articles sur la mobilit\u00e9, le responsive webdesign et processus de travail ainsi que des le\u00e7ons d’utilisabilit\u00e9 en vid\u00e9o. Du c\u00f4t\u00e9 des outils, RedPen vous permet d’obtenir des retours client sur une maquette de mani\u00e8re tr\u00e8s simple.<\/p>\n

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

\"workflow-responsive\"<\/p>\n

#Responsive Webdesign<\/p>\n

An agency workflow for Responsive Web Design<\/a>\u00a0c\u2019est tr\u00e8s instructif de voir comment les autres travaillent, je vous propose donc un article sur le processus responsive d\u2019une agence web en d\u00e9tail.<\/p>\n

#Mobile<\/p>\n

Consumers More Likely to Shop On Mobile Devices Than PCs<\/a> quelques chiffres int\u00e9ressants sur les achats des utilisateurs mobile<\/p>\n

#Am\u00e9lioration progressive<\/p>\n

Progressive Enhancement. Still Alive & Kickin\u2019<\/a>, l’auteur de sighjavascript.tumblr.com<\/a> y explique sa d\u00e9marche et l’importance de l’am\u00e9lioration progressive via un petit tutoriel.<\/p>\n

 <\/p>\n

Inspiration<\/h2>\n

#Branding<\/p>\n

Zimmerei Pensold – Branding & Web Design<\/a>, une jolie identit\u00e9 bois\u00e9e<\/p>\n

\"takkart-work\"<\/p>\n

#Illustration<\/p>\n

Kokoon Univers<\/a> une tr\u00e8s jolie illustration par Grosjean Arthur aka Takkartwork, et quelques autres illustrations<\/a><\/p>\n

\"orlincultureshop\"<\/p>\n

Orlin Culture Shop <\/a>, portfolio de Brian Edward Miller<\/p>\n

Tizieu.fr<\/a> le portfolio de Tizieu de son vrai nom Nicolas Lemercier<\/p>\n

#Affiches<\/p>\n

Negative space in advertising<\/a> des exemples d\u2019affiches avec des effets n\u00e9gatifs tr\u00e8s sympas<\/p>\n

#Android<\/p>\n

Kitkat.com<\/a>\u00a0la nouvelle version d\u2019Android s\u2019appellera kitkat et un site lui a \u00e9t\u00e9 d\u00e9di\u00e9<\/p>\n

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

\"Sliding<\/p>\n

#Mise en page<\/p>\n

Sliding Horizontal Layout<\/a> encore un superbe tuto sur Codrops qui cette semaine vous proposer de cr\u00e9er un effet de scroll horizontal sur une mise en page avec des sections semi masqu\u00e9es sur le c\u00f4t\u00e9<\/p>\n

Des ressources gratuites<\/h2>\n

#WebDesign<\/p>\n

Download The Shape of Design<\/a>, un joli livre sur le Design est disponible gratuitement au format num\u00e9rique<\/p>\n

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

#RedPen<\/p>\n

Red Pen<\/a>, l\u2019outil pour partager facilement une maquette et obtenir des feedbacks clients a d\u00e9sormais une option de login<\/p>\n

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

#Grille CSS<\/p>\n

salvattore.com<\/a> un plugin jQuery alternatif \u00e0 Masonry avec une configuration orient\u00e9 plus CSS que JS.<\/p>\n

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

#CSS<\/p>\n

Final Fantaisy XIV Crystal Scroll<\/a>\u00a0la reproduction d’un effet de Final Fantaisy XIV en CSS<\/p>\n

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

#Ergonomie<\/p>\n

5 Lessons Learned from 100,000 Usability Studies\u00a0<\/a>navigation, recherche, categories, etc. 5 le\u00e7ons apprises vies des tests utilisateur<\/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. Cette semaine, une belle s\u00e9lection de portfolio d’illustrateurs devrait ravir votre imagination, et vous trouverez quelques bons articles sur la mobilit\u00e9, le responsive webdesign et processus de travail ainsi que des le\u00e7ons d’utilisabilit\u00e9 en vid\u00e9o. Du …<\/p>\n","protected":false},"author":3,"featured_media":1835,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1833","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 #78 - 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 78\" \/>\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-78\/\" \/>\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 #78 - 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 78\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/\" \/>\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=\"2013-09-06T04:00:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-09-05T20:47:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/09\/pixelcode78.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=\"@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-78\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/\",\"name\":\"Des pixels et du code #78 - 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-78\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode78.jpg\",\"datePublished\":\"2013-09-06T04:00:51+00:00\",\"dateModified\":\"2013-09-05T20:47:43+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 78\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode78.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode78.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #78\"},{\"@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 #78 - 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 78","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-78\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #78 - 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 78","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-09-06T04:00:51+00:00","article_modified_time":"2013-09-05T20:47:43+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/09\/pixelcode78.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-78\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/","name":"Des pixels et du code #78 - 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-78\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode78.jpg","datePublished":"2013-09-06T04:00:51+00:00","dateModified":"2013-09-05T20:47:43+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 78","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-78\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode78.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode78.jpg","width":700,"height":200,"caption":"Des pixels et du code #78"},{"@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\/1833","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=1833"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1833\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1835"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}