{"id":1939,"date":"2013-10-11T07:00:31","date_gmt":"2013-10-11T05:00:31","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1939"},"modified":"2014-03-09T11:56:10","modified_gmt":"2014-03-09T10:56:10","slug":"pixels-du-code-83","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/","title":{"rendered":"Des pixels et du code #83"},"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

 <\/p>\n

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

\"Issue<\/p>\n

#Typography<\/p>\n

Issue 14 \\\\ Rhythm & Grid<\/a>\u00a0un retour d\u2019exp\u00e9rience de mailchimp sur la cr\u00e9ation de la grille typographique pour leurs applications, avec en bonus\u00a0la diff\u00e9rence Leading Photoshop et Line-height CSS<\/a><\/p>\n

#Webdesign<\/p>\n

Establishing Design Direction<\/a>\u00a0an excellent read with great ideas on how to get different people involved<\/p>\n

#UX #Flat<\/p>\n

How the Flat UI Design Style Affects Interface Text<\/a> ou les r\u00e9percussions du Flat design sur le texte de nos interfaces et quelques conseils pour en am\u00e9liorer l\u2019exp\u00e9rience utilisateur<\/p>\n

#Line-height<\/p>\n

Line Height<\/a> par @russmaxdesign<\/a>, une pr\u00e9sentation slideshare qui tr\u00e8s d\u00e9taill\u00e9e sur le line-height et le calcul des bo\u00eetes de texte en CSS<\/p>\n

\"uxtreatise\"<\/p>\n

#UX<\/p>\n

Treatise on User Experience Design: Part 1<\/a>, d\u00e9finition de l\u2019UX et du designer d\u2019exp\u00e9rience utilisateur, des diff\u00e9rentes phases d\u2019un projet ainsi qu\u2019un glossaire des termes souvent utilis\u00e9s<\/p>\n

Foutez la paix \u00e0 mon viewport !<\/a> quelques mots sur menu persistents fix\u00e9s sur les sites<\/p>\n

#Conf\u00e9rence<\/p>\n

Webstock ’13: Mike Monteiro – How Designers Destroyed the World <\/a>Mike Monteiro qui essaie d\u2019expliquer aux designer leur responsabilit\u00e9 et l\u2019impact que leur boulot peut avoir sur le monde<\/p>\n

Inspiration<\/h2>\n

\"angry\"<\/p>\n

#Webdesign<\/p>\n

Fleeangrybear.com<\/a> un site d\u2019agence dans un style sombre et illustr\u00e9<\/p>\n

#Pliage<\/p>\n

Si vous ne savez pas quoi faire un dimanche pluvieux, vous pouvez faire des animaux en serviette<\/a> ? (via maketowelanimals.com<\/a> )<\/p>\n

\"imagecute\"<\/p>\n

#Illustration<\/p>\n

Funny and Cute Conceptual Illustrations That Will Make Your Day<\/a> \u00a0de jolies illustrations tr\u00e8s fun<\/p>\n

#Typographie<\/p>\n

inabrush.com<\/a>\u00a0un tumblr de jolies lettres dessin\u00e9es \u00e0 la main<\/p>\n

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

\"bordermenu\"<\/p>\n

#CSS<\/p>\n

Animated Border Menus<\/a> encore une superbe d\u00e9mo sur Codrops, \u201cthink ouside the box\u201d et utilisation de la bordure pour faire des effets de menu<\/p>\n

Des ressources utiles<\/h2>\n

\"appmaker\"<\/p>\n

#App<\/p>\n

Mozilla Appmaker<\/a> un outil en ligne pour faire des applications HTML5 pour mobile \u00e9dit\u00e9 par mozilla<\/p>\n

#CSS<\/p>\n

Image replacement Museum<\/a>: des techniques de remplacement d\u2019image en CSS de 2003 \u00e0 2012<\/p>\n

#Ipsum<\/p>\n

Les zinternets ont maintenant leur Minions Ipsum<\/a> <3<\/p>\n

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

\"layer\"<\/p>\n

#Script Photoshop<\/p>\n

Group Layer Renaming<\/a> est LE script que je cherche depuis des mois et vous permet de renommer plusieurs calques Photoshop en une fois <3<\/p>\n

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

#CSS #Menu<\/p>\n

Navicon Transformicons<\/a> donnez un peu de vie \u00e0 vos ic\u00f4nes de menu ou comment transformer un burger en fl\u00e8che, croix, etc.<\/p>\n

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

#Design<\/p>\n

Development Is Design<\/a> un article de Brad Frost dont je partage l\u2019opinion, le HTML et CSS sont des outils de design et nous avons besoin d\u2019un changement de mentalit\u00e9 et de processus<\/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 #Typography Issue 14 \\\\ Rhythm & Grid\u00a0un retour d\u2019exp\u00e9rience de mailchimp sur la cr\u00e9ation de la grille …<\/p>\n","protected":false},"author":3,"featured_media":1952,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1939","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #83 - 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 83\" \/>\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-83\/\" \/>\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 #83 - 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 83\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/\" \/>\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-10-11T05:00:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-03-09T10:56:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/10\/pixelcode83.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-83\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/\",\"name\":\"Des pixels et du code #83 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode83.jpg\",\"datePublished\":\"2013-10-11T05:00:31+00:00\",\"dateModified\":\"2014-03-09T10:56:10+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 83\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode83.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode83.jpg\",\"width\":700,\"height\":200,\"caption\":\"Pixels & code #11 \u2013 Web Design weekly links not to miss\"},{\"@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 #83 - 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 83","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-83\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #83 - 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 83","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-10-11T05:00:31+00:00","article_modified_time":"2014-03-09T10:56:10+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/10\/pixelcode83.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-83\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/","name":"Des pixels et du code #83 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode83.jpg","datePublished":"2013-10-11T05:00:31+00:00","dateModified":"2014-03-09T10:56:10+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 83","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-83\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode83.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode83.jpg","width":700,"height":200,"caption":"Pixels & code #11 \u2013 Web Design weekly links not to miss"},{"@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\/1939","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=1939"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1939\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1952"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}