{"id":1888,"date":"2013-09-27T07:53:00","date_gmt":"2013-09-27T05:53:00","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1888"},"modified":"2019-04-07T16:39:51","modified_gmt":"2019-04-07T14:39:51","slug":"des-pixels-et-du-code-81","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/","title":{"rendered":"Des pixels et du code #81"},"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. Dans les articles s\u00e9lectionnez cette semaine vous trouverez de quoi planifier votre contenu pour aller au del\u00e0 du web, l’histoire d’internet ou encore une comparaison des ic\u00f4nes pleines et en contours ainsi que de bons conseils pour trouver des clients lorsque l’on est freelance. Du c\u00f4t\u00e9 de l’inspiration de la semaine, des couleurs, de tr\u00e8s belles couleurs, des illustrations et des chatons. Et bien \u00e9videment une s\u00e9lection de ressources gratuites, polices d’\u00e9criture et PSD \u00e0 t\u00e9l\u00e9charger, outils de prototypage et un ressource en fran\u00e7ais pour vous aider \u00e0 cr\u00e9er des newsletter responsive. Enfin, ne manquez surtout pas l’article de la semaine sur tout ce qui est (sera ?) enfin possible de faire avec Flexbox !<\/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

\"10-Things-Designers-Need-to-Stop-Doing-to-Kick-Agile-s-Ass\"<\/p>\n

#Agile<\/p>\n

10 Things Designers Need to Stop Doing to Kick Agile’s Ass!<\/a>\u00a0Dix conseils sous forme de slides de ce que les designers ne devraient pas faire pour arriver \u00e0 travailler sur un projet avec des m\u00e9thodes agiles. Tous ne sont pas forc\u00e9ment \u00e0 prendre au pied de la lettre attention :)<\/p>\n

#Content<\/p>\n

Planning for Content Beyond the Web<\/a>\u00a0\u00a0pourquoi et comment pr\u00e9parer son contenu pour toutes les plateformes, et pas seulement le bureau et le mobile<\/p>\n

#Tableaux<\/p>\n

A Complete Guide to the Table Element<\/a> tout ce que vous avez toujours voulu savoir sur les tableaux HTML et CSS, et bien plus encore<\/p>\n

#Couleur<\/p>\n

Take the Test: How Well Do You See Color?<\/a>\u00a0\u00a0procrastination du matin, classez les couleurs pour savoir \u00e0 quel point vous \u00eates capables de les diff\u00e9rencier (\u00e0 mon avis le calibrage de l’\u00e9cran joue pas mal dans le teste aussi)<\/p>\n

#Histoire<\/p>\n

A timeline of the history of the World Wide Web<\/a> \u00a0une timeline pour apprendre l\u2019histoire de web<\/p>\n

#Icon #UX<\/p>\n

Optimizing UI icons for faster recognition<\/a> r\u00e9sultats d\u2019un test utilisateur pour d\u00e9terminer l\u2019efficacit\u00e9 des ic\u00f4nes \u201cpleines\u201d vs les ic\u00f4nes form\u00e9es de lignes (spoiler : la diff\u00e9rence n\u2019est pas tr\u00e8s notable selon cette \u00e9tude)<\/p>\n

#Freelance<\/p>\n

Freelance et prospection : comment trouver des clients<\/a> prospection active, passive, quelques bons conseils pour trouver des clients<\/p>\n

Inspiration<\/h2>\n

#Webdesign<\/p>\n

www.qunb.com<\/a>\u00a0un tr\u00e8s joli sites avec des effets au survol pour un service de visualisation de donn\u00e9es<\/p>\n

#Illustration<\/p>\n

Le portfolio de Yannick Robert <\/a>et ses tr\u00e8s jolies illustrations pour les livres d\u2019enfant<\/p>\n

The creative process<\/a>\u00a0\u00a0une jolie illustration pleine d’humour et de couleurs sur le processus creatif<\/p>\n

#Publicit\u00e9<\/p>\n

Creative advertising and fashion<\/a> des publicit\u00e9s plut\u00f4t originales pour des v\u00eatements<\/p>\n

\"New<\/p>\n

#Logo<\/p>\n

New Logo and Identity for 2013 Brand New Conference by UnderConsideration<\/a> le redesign du logo pour UnderConsideration et c’est des grands fous sur les exemples d’utilisation du logo<\/p>\n

#Dessins<\/p>\n

Johnkenn.blogspot.fr<\/a> tr\u00e8s sympa bien qu\u2019un poil flippant, des cauchemars d\u2019enfant dessin\u00e9s sur des post-its.<\/p>\n

#Chats<\/p>\n

Idraw_on_cats<\/a> un compte instagram de photographies de chat sur lequelles les auteurs ont dessin\u00e9<\/p>\n

\"braingames-fr.natgeotv.com\"<\/p>\n

#Webdesign<\/p>\n

Braingames-fr.natgeotv.com<\/a>\u00a0un site plein de couleurs et d’interactions au d\u00e9filement de la page pour le plaisir des yeux<\/p>\n

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

#Form<\/p>\n

Forms: validation, styling & semantics<\/a> design et validation de formulaire en pure CSS et HTML<\/p>\n

#PixelArt<\/p>\n

The Easy Way to Create Pixel Art with Object Mosaic<\/a> un tutoriel pour cr\u00e9er du Pixel Art \u00e0 partir d\u2019une photo directement dans Illustrator<\/p>\n

Des ressources utiles<\/h2>\n

#Select<\/p>\n

FancySelect<\/a>\u00a0un script pour styler une liste de selection qui passe en liste native sur iOS<\/p>\n

#Responsive<\/p>\n

Responsive web design et e-mailing<\/a> un tr\u00e8s bon article sur l\u2019int\u00e9gration de newsletter responsive dans Mailchimp<\/p>\n

Des ressources gratuites<\/h2>\n

\"UX<\/p>\n

#UX<\/p>\n

UX Storytellers – Connecting the Dots\u00a0<\/a>\u00a0un ebook gratuit sur l\u2019exp\u00e9rience utilisateur<\/p>\n

#Corporate Identity<\/p>\n

Corporate identity mockup <\/a>un PSD gratuit pour cr\u00e9er vos pr\u00e9sentations d\u2019identit\u00e9 graphiques<\/p>\n

#Police<\/p>\n

Born<\/a>, une police d\u2019\u00e9criture humanist serif gratuite<\/p>\n

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

#Prototype<\/p>\n

Marvelapp.com<\/a> un outil en ligne pour transformer les maquettes PSD, PNG et JPG stock\u00e9es dans votre dropbox en un prototype interractif dans lequel l\u2019utilisateur peut cliquer<\/p>\n

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

#CSS<\/p>\n

How to (de)construct an icosahedron<\/a> construction et d\u00e9construction d\u2019une forme g\u00e9om\u00e9trique 3D en CSS<\/p>\n

#Jeu<\/p>\n

Mapdive<\/a> plongez dans le ciel et atterrissez au bon endroit avec ce jeu dans le navigateur bas\u00e9 sur des cartes Google qui va tuer votre productivit\u00e9<\/p>\n

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

#CSS<\/p>\n

Solved by Flexbox<\/a> une galerie de techniques CSS qui utilisent flexbox pour r\u00e9soudre des probl\u00e8mes jusque l\u00e0 complexes sur le web avec des display et des flottants<\/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. Dans les articles s\u00e9lectionnez cette semaine vous trouverez de quoi planifier votre contenu pour aller au del\u00e0 du web, l’histoire d’internet ou encore une comparaison des ic\u00f4nes pleines et en contours ainsi que de bons conseils …<\/p>\n","protected":false},"author":3,"featured_media":1900,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1888","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 #81 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <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 81\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3731.html \/>\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 #81 - 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 81\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/\" \/>\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-27T05:53:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-07T14:39:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/09\/pixelcode81.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=\"4 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-81\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/\",\"name\":\"Des pixels et du code #81 - 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-81\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode81.jpg\",\"datePublished\":\"2013-09-27T05:53:00+00:00\",\"dateModified\":\"2019-04-07T14:39:51+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 81\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode81.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode81.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 #81 - 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 81","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-81\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #81 - 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 81","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-09-27T05:53:00+00:00","article_modified_time":"2019-04-07T14:39:51+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/09\/pixelcode81.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/","name":"Des pixels et du code #81 - 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-81\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode81.jpg","datePublished":"2013-09-27T05:53:00+00:00","dateModified":"2019-04-07T14:39:51+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 81","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-81\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode81.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/09\/pixelcode81.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\/1888"}],"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=1888"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1888\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1900"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}