{"id":2265,"date":"2014-01-10T08:33:35","date_gmt":"2014-01-10T07:33:35","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2265"},"modified":"2014-01-10T13:50:08","modified_gmt":"2014-01-10T12:50:08","slug":"des-pixels-et-du-code-96","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/","title":{"rendered":"Des pixels et du code #96"},"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 est tout particuli\u00e8rement d\u00e9di\u00e9e \u00e0 l’inspiration : illustrations, typographie, design de sites et design d’objets, phographies et vid\u00e9os, de quoi vous donner quelques id\u00e9es pour le weekend.
\nPour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture.<\/p>\n

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

#UI #Mobile
\n
VICE VERSA – diagonal UI optimized for single hand IX<\/a>\u00a0un concept d\u2019UX pour des boutons oui\/non plus atteignables sur mobile. Je serais curieuse de voir ce que \u00e7a donne \u00e0 l\u2019utilisation \u00e7a m\u2019a l\u2019air pas mal du tout
\n\"Vice<\/p>\n

 <\/p>\n

#T\u00e9l\u00e9phone
\n
Les t\u00e9l\u00e9phones du futur<\/a>, mais vu en 1956<\/p>\n

#UX
\n
Dans les coulisses d’une \u00e9quipe UX<\/a> : rencontrez l’interaction designer, le visual designer et apprenez \u00e0 les amadouer<\/p>\n

#UX
\n
Inspirational Images Should Link to All Depicted Products<\/a> un article par Baymard Institute qui analyse l\u2019impact des compositions d\u2019images de plusieurs produits sur les sites e-commerce<\/p>\n

\"Inspirational<\/p>\n

Inspiration<\/h2>\n

#Typographie
\n
Old Navy Holiday<\/a>, inspiration for typography lovers
\n\"Old<\/p>\n

 <\/p>\n

#Typographie<\/p>\n

Si vous aimez les jolies lettres je vous conseille de suivre ce compte Instagram<\/a>.<\/p>\n

#Illustration
\n
Batman 1972<\/a>, des illustrations Batman dans un style retro<\/p>\n

#Illustration
\nLa s\u00e9rie\u00a0
Enviroment Concept<\/a>\u00a0de Derek Weselake est impressionnante<\/p>\n

\"<\/p>\n

 <\/p>\n

#Web Design
\n
Perkier.co.uk<\/a> un joli site tr\u00e8s color\u00e9 pour des produits sans gluten<\/p>\n

#Illustration
\n
The Thesaurus<\/a> une jolie illustration pleine d\u2019humour par Darel Seow<\/p>\n

#Illustration
\n
Ilovedust.com<\/a>, this week\u2019s impressive portfolio : illustration, typography, etc.<\/p>\n

\"ilovedust\"<\/p>\n

 <\/p>\n

#Objet
\n
Pyropetcandles.com<\/a> une bougie de chaton qui vous laisse d\u00e9couvrir son squelette au fure et \u00e0 mesure qu\u2019elle fond. J’h\u00e9site entre \u00ab\u00a0c’est g\u00e9niiiial ce truc\u00a0\u00bb et \u00ab\u00a0euh what the ??\u00a0\u00bb, je vous laisse donc d\u00e9cider.<\/p>\n

#Typography
\n
AMP Bank educational video<\/a> using Illustration and typography \u00a0#inspiration<\/p>\n

#Photos
\n
Real Life Lego<\/a> des photos de l\u00e9gos dans des situations de vie courante avec des objets, tr\u00e8s fun<\/p>\n

\"Real<\/p>\n

 <\/p>\n

#Photo
\n
Just the Two of Us<\/a>: portraits de cosplayers dans des situations de la vie courante en costume<\/p>\n

#Video
\n
Squared Project<\/a> un projet motion plein de couleurs<\/p>\n

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

#Ilustrator
\n
What you need to know about converting colors spaces in Adobe Illustrator<\/a> un article clair et concis sur la conversion des espaces colorim\u00e9triques dans Illustrator<\/p>\n

\"What<\/p>\n

Des ressources gratuites<\/h2>\n

#Font
\nFirefox rend sa police
Fira Sans<\/a> gratuite au t\u00e9l\u00e9chargement<\/p>\n

#Photos
\n
Picjumbo<\/a>, des photos gratuites pour un usage commercial et personnel<\/p>\n

\"Picjumbo\"<\/p>\n

#Icons
\n
152 free Line\/stroke icons<\/a> 152 icones dans un style \u201ctrait\u201d disponibles en \u00a0EPS, PNG et SVG<\/p>\n

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

#Experiment
\n
Tumbler<\/a> une exp\u00e9rience de relaxation qui joue sur le temps, le son et les objets
\n\"Tumbler\"<\/p>\n

 <\/p>\n

#CSS
\n
Gradient Animation Trick<\/a> une astuce tr\u00e8s intelligente pour \u201canimer\u201d un d\u00e9grad\u00e9 en CSS3<\/p>\n

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

#UX
\n
Your website should stop doing this right now<\/a>, les horreurs que vous faites subir \u00e0 vos utilisateurs (premi\u00e8re partie)<\/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 est tout particuli\u00e8rement d\u00e9di\u00e9e \u00e0 l’inspiration : illustrations, typographie, design de sites et design d’objets, phographies et vid\u00e9os, de quoi vous donner quelques id\u00e9es pour le weekend. Pour plus de liens n’h\u00e9sitez pas \u00e0 …<\/p>\n","protected":false},"author":3,"featured_media":2275,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2265","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 #96 - 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 96\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3619.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 #96 - 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 96\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/\" \/>\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=\"2014-01-10T07:33:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-01-10T12:50:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/01\/pixelcode96.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\/des-pixels-et-du-code-96\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/\",\"name\":\"Des pixels et du code #96 - 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-96\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixelcode96.jpg\",\"datePublished\":\"2014-01-10T07:33:35+00:00\",\"dateModified\":\"2014-01-10T12:50:08+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 96\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixelcode96.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixelcode96.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #96\"},{\"@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 #96 - 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 96","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-96\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #96 - 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 96","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-01-10T07:33:35+00:00","article_modified_time":"2014-01-10T12:50:08+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/01\/pixelcode96.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\/des-pixels-et-du-code-96\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/","name":"Des pixels et du code #96 - 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-96\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixelcode96.jpg","datePublished":"2014-01-10T07:33:35+00:00","dateModified":"2014-01-10T12:50:08+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 96","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-96\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixelcode96.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/pixelcode96.jpg","width":700,"height":200,"caption":"Des pixels et du code #96"},{"@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\/2265"}],"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=2265"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2275"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}