{"id":2092,"date":"2013-11-15T08:00:58","date_gmt":"2013-11-15T07:00:58","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2092"},"modified":"2013-11-14T23:37:04","modified_gmt":"2013-11-14T22:37:04","slug":"pixels-du-code-88","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/","title":{"rendered":"Des pixels et du code #88"},"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.<\/p>\n

Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

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

\"A<\/p>\n

#Flat<\/p>\n

A letter from a flat designer\u00a0<\/a>quelques bons conseils pour r\u00e9ussir du flat design qui reste utilisable facilement<\/p>\n

#Utilisabilit\u00e9<\/p>\n

How to: Error Messages<\/a>\u00a0des bonnes pratiques pour les messages d\u2019erreur<\/p>\n

#Responsive Webdesign<\/p>\n

Responsive web design: un webdesign adaptatif<\/a> \u00a0ou comment expliquer de fa\u00e7on simple le responsive webdesign \u00e0 vos clients<\/p>\n

#Responsive Images<\/p>\n

Responsive images \u2013 end of year report<\/a> srcset, picture, et d\u2019autres formats : ce qu\u2019il y a eut de \u201cnouveau\u201d (ou au moins nouvellement impl\u00e9ment\u00e9 dans les navigateurs) du c\u00f4t\u00e9 des solutions d\u2019image responsive<\/p>\n

#UX #Ecommerce<\/p>\n

14 ways to improve the UX of on-site search results<\/a> ou 14 conseils pour am\u00e9liorer les r\u00e9sultats de recherche sur un site (e-commerce, mais certaines id\u00e9es peuvent \u00eatre transpos\u00e9es \u00e0 d\u2019autres domaines)<\/p>\n

Inspiration<\/h2>\n

\"dotstolines<\/p>\n

#Tatoo<\/p>\n

Dots To Lines<\/a>\u00a0\u00a0des tatouages compos\u00e9s de lignes g\u00e9om\u00e9triques et de points<\/p>\n

#Typography<\/p>\n

Inspiration: Typography Use In Business Card Design<\/a>, des cartes de visite avec de jolies lettres<\/p>\n

\"Fixate\"<\/p>\n

#Portfolio<\/p>\n

Fixate.it<\/a> un tr\u00e8s joli portfolio avec de l\u2019illustration sous forme de simples lignes et du SVG anim\u00e9<\/p>\n

#Illustration<\/p>\n

Cute super heroes illustrations<\/a> des super h\u00e9ros tout mignons dans des situations funs<\/p>\n

Des ressources utiles<\/h2>\n

\"Ink\"<\/p>\n

#Newsletter<\/p>\n

Ink<\/a> un outil propos\u00e9 par Zurb pour cr\u00e9er rapidement des templates de mail responsive en HTML<\/p>\n

#CSS #RWD<\/p>\n

Responsive CSS region menu<\/a> un menu responsive qui utilise les r\u00e9gions CSS (exp\u00e9rimental) pour adapter le nombre d\u2019\u00e9l\u00e9ments affich\u00e9s \u00e0 la taille de la fen\u00eatre<\/p>\n

#Timer<\/p>\n

Time<\/a> un timer simple et rapide d\u2019utilisation directement dans le navigateur<\/p>\n

Des ressources gratuites<\/h2>\n

\"borntypeface\"<\/p>\n

#Typographie<\/p>\n

Born Typeface<\/a> une belle police humaniste gratuite pour vos projets<\/p>\n

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

#Rythme Vertical<\/p>\n

Useful Tools & Resources For Better A Vertical Rhythm <\/a>une jolie collection d\u2019outils pour cr\u00e9er le rythme vertical de votre site web<\/p>\n

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

\"Full<\/p>\n

#CSS<\/p>\n

Full CSS Dashed Text Shadow<\/a>\u00a0un effet impressionnant d\u2019une ombre port\u00e9e pointill\u00e9e uniquement r\u00e9alis\u00e9 en CSS<\/p>\n

#CSS<\/p>\n

Text Fill with Water<\/a> une exp\u00e9rience avec un effet de texte qui se rempli d\u2019eau<\/p>\n

#CSS #Typography<\/p>\n

Animated Opening Type<\/a> des lettres avec un effet d\u2019ouverture et d\u2019ombrage au survol<\/p>\n

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

#UX<\/p>\n

An E-Commerce Study: Guidelines For Better Navigation And Categories<\/a> quelques conseils pour am\u00e9liorer la navigation et les cat\u00e9gories sur des sites e-commerce<\/p>\n

Pour finir la semaine si vous ne savez pas quoi faire de weekend vous pouvez toujours cuire et vendre de la meth comme dans Breaking Bad : Clickingbad<\/a><\/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 #Flat A letter from a flat designer\u00a0quelques bons conseils pour r\u00e9ussir du flat design qui reste utilisable facilement …<\/p>\n","protected":false},"author":3,"featured_media":2103,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2092","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 #88 - 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 88\" \/>\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\/pixels-du-code-88\/\" \/>\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 #88 - 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 88\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/\" \/>\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-11-15T07:00:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-11-14T22:37:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/11\/superheros.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\/pixels-du-code-88\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/\",\"name\":\"Des pixels et du code #88 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/superheros.jpg\",\"datePublished\":\"2013-11-15T07:00:58+00:00\",\"dateModified\":\"2013-11-14T22:37:04+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 88\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/superheros.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/superheros.jpg\",\"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 #88 - 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 88","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\/pixels-du-code-88\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #88 - 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 88","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-11-15T07:00:58+00:00","article_modified_time":"2013-11-14T22:37:04+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/11\/superheros.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\/pixels-du-code-88\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/","name":"Des pixels et du code #88 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/superheros.jpg","datePublished":"2013-11-15T07:00:58+00:00","dateModified":"2013-11-14T22:37:04+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 88","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-88\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/superheros.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/superheros.jpg","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\/2092","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=2092"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2092\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2103"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}