{"id":2105,"date":"2013-11-22T07:00:39","date_gmt":"2013-11-22T06:00:39","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2105"},"modified":"2013-11-28T09:50:07","modified_gmt":"2013-11-28T08:50:07","slug":"pixels-du-code-89","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/","title":{"rendered":"Des pixels et du code #89"},"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

Cette semaine peu de tutos et de d\u00e9mos, par contre vous devriez trouver vos bonheur dans les nombreuses ressources propos\u00e9es et les articles sur l’exp\u00e9rience utilisateur, les couleurs et la relation client.<\/p>\n

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

Les articles \u00e0 lire<\/span><\/p>\n

\"Web<\/p>\n

#UI<\/p>\n

Web apps deserve sexy transitions too!<\/a> ou comment cr\u00e9er des transitions qui ont une valeur ajout\u00e9e pour l\u2019utilisateur<\/p>\n

#Opinion – Never Heard of It<\/a> l\u00e2cher prise et savoir admettre que l\u2019on ne ma\u00eetrise pas un sujet dans nos m\u00e9tiers n\u2019est pas une chose ais\u00e9e<\/p>\n

#UX #UI<\/p>\n

Don\u2019t cut corners when coding UI<\/a> ou comment g\u00e9rer l\u2019affichage du surplus de contenu<\/p>\n

#Mobile<\/p>\n

Google: avoid ‘download app’ pop-ups or lose mobile search rankings<\/a> Google va p\u00e9naliser les sites qui forcent les pop-up \u201ct\u00e9l\u00e9chargez mon app\u201d, une excellente nouvelle pour les utilisateurs :)<\/p>\n

\"Color<\/p>\n

#Color<\/p>\n

How do you choose the right colors for your designs?<\/a> \u00a0ou comment choisir ses couleurs de mani\u00e8re harmonieuses pour un design<\/p>\n

#Kickoff<\/p>\n

Goodkickoffmeetings.com<\/a> des techniques et exercices pour bien commencer une r\u00e9union de d\u00e9but de projet<\/p>\n

#Usecase<\/p>\n

Un article tr\u00e8s d\u00e9taill\u00e9e sur le redesign responsive du nouveau\u00a0TechCrunch<\/a><\/p>\n

Inspiration<\/h2>\n

\""A<\/p>\n

#SVG #Illustration<\/p>\n

\u00ab\u00a0A Guide to Making Things<\/a>\u00a0\u00bb de jolies illustrations anim\u00e9es en SVG<\/p>\n

#Gif<\/p>\n

Giphoscope<\/a> un tr\u00e8s joli objet pour avoir des gif anim\u00e9s sur votre bureau<\/p>\n

#Typographie<\/p>\n

Calendrier 2014 de stupides vacances<\/a> pour les fans de jolies lettres<\/p>\n

#Illustrations<\/p>\n

Rayman Legends Concepts<\/a> une s\u00e9lection de concepts et artwork tir\u00e9s du prochain Rayman Legends<\/p>\n

\"\"<\/p>\n

#Portfolio<\/p>\n

Thomas Danthony<\/a>, un portfolio avec de tr\u00e8s belles illustrations<\/p>\n

#SVG<\/p>\n

Polygon a fait un boulot tr\u00e8s impressionnant pour mettre en page Xbox one review<\/a> avec de jolies animations SVG<\/p>\n

\"\"<\/p>\n

#Typography<\/p>\n

Lost<\/a>, a series of \u2018lost\u2019 posters depicting some of the intangibles that people sometimes lose<\/p>\n

#Logo<\/p>\n

LogoThief<\/a> r\u00e9pertorie quelques jolies \u201ccopies\u201d de logos<\/p>\n

#Inspiration<\/p>\n

Linkstoinspire.co.uk\u00a0<\/a>\u00a0typographie, webdesign, print : une liste de sites pour trouver de l\u2019inspiration class\u00e9s de A \u00e0 Z<\/p>\n

Des ressources utiles<\/h2>\n

\"noisli\"<\/p>\n

#Relaxation<\/p>\n

Noisli<\/a>, un g\u00e9n\u00e9rateur d’ambiance sonore (for\u00eat, orange, pluie, eau, etc.)<\/p>\n

#Sticky<\/p>\n

StickUp<\/a> un plugin jQuery pour cr\u00e9er des navigations \u201csticky\u201d en haut des fen\u00eatres<\/p>\n

\"pencil\"<\/p>\n

#Paper<\/p>\n

Pencil Digital – stylus for Paper iPad app<\/a> l\u2019application de sketch sur iPad \u201cPaper\u201d propose d\u00e9sormais son propre stylo. Du coup je doute qu\u2019elle soit un jour compatible avec l\u2019Intuos Stylus, dommage :(<\/p>\n

#R\u00e9seau Sociaux<\/p>\n

Social Builder<\/a> un outil pour construire des boutons de partage simples en HTML\/CSS sans JavaScript qui ralenti la page<\/p>\n

\"glifo\"<\/p>\n

#\u00a0Photoshop plugin<\/p>\n

Glifo<\/a>, un plugin Photoshop pour convertir des calques vectoriels Photoshop en font-icon (au format SVG pour les autres formats il faudra convertir)<\/p>\n

Phones<\/p>\n

18 fully vectorized phones delivered in PSD files<\/a> Des templates d\u2019appareil mobile crr\u00e9es en \u201cvector\u201d tout Photoshop<\/p>\n

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

\"redpen\"<\/p>\n

#Redpen<\/p>\n

Redpen got a pro account<\/a>\u00a0Redpen propose des comptes pro avec d\u00e9sormais la possibilit\u00e9 d’avoir une application mac<\/p>\n

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

#SVG<\/p>\n

Nice and simple : iPhone SVG animation<\/a><\/p>\n

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

#Client Service<\/p>\n

What My Mom Taught Me About Client Services<\/a> une le\u00e7on sur la relation client par la maman de Mike Monteiro<\/p>\n

 <\/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 peu de tutos et de d\u00e9mos, par contre vous devriez trouver vos bonheur dans les nombreuses ressources propos\u00e9es et les articles sur l’exp\u00e9rience utilisateur, les couleurs et la relation client. Pour plus de liens …<\/p>\n","protected":false},"author":3,"featured_media":2116,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2105","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #89 - 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 89\" \/>\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-89\/\" \/>\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 #89 - 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 89\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/\" \/>\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-22T06:00:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-11-28T08:50:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/11\/pixelcode89.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=\"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\/pixels-du-code-89\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/\",\"name\":\"Des pixels et du code #89 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode89.jpg\",\"datePublished\":\"2013-11-22T06:00:39+00:00\",\"dateModified\":\"2013-11-28T08:50: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 89\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode89.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode89.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #89\"},{\"@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 #89 - 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 89","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-89\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #89 - 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 89","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-11-22T06:00:39+00:00","article_modified_time":"2013-11-28T08:50:07+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/11\/pixelcode89.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\/pixels-du-code-89\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/","name":"Des pixels et du code #89 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode89.jpg","datePublished":"2013-11-22T06:00:39+00:00","dateModified":"2013-11-28T08:50: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 89","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-89\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode89.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode89.jpg","width":700,"height":200,"caption":"Des pixels et du code #89"},{"@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\/2105","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=2105"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2105\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2116"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}