{"id":2040,"date":"2013-11-01T10:17:39","date_gmt":"2013-11-01T09:17:39","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2040"},"modified":"2013-11-01T10:41:39","modified_gmt":"2013-11-01T09:41:39","slug":"pixels-du-code-86","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/","title":{"rendered":"Des pixels et du code #86"},"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. Au programme de la semaine du retour d’exp\u00e9rience sur des sites responsive et design iOS7, de jolies illustrations, des outils et plugins Photoshop et pour g\u00e9n\u00e9rer des favicons pour diff\u00e9rents navigateurs.<\/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

\"Using<\/p>\n

#CSS3 #Typography<\/p>\n

Using OpenType font features with CSS 3: Part 1<\/a> (and some OpenType demos<\/a>)<\/p>\n

\"Guide<\/p>\n

#Usecase #iOS7<\/p>\n

iOS 7 Design Case Study,Adapting designs from iOS 6 to iOS 7<\/a> retour d\u2019exp\u00e9rience sur un redesign iOS7 avec une jolie solution technique et esth\u00e9tique trouv\u00e9e pour la navigation.<\/p>\n

\"Un-responsive\"<\/p>\n

#Responsive Web Design<\/p>\n

Un-responsive<\/a>, ou comment \u00e9tudier les habitudes de ses utilisateurs sur mobile peut vous \u00e9viter de vous lancer inutilement dans un site \u201cfull responsive\u201d dont ils n\u2019auront au final peut-\u00eatre pas besoin<\/p>\n

Responsive Web Design: Relying Too Much on Screen Size<\/a>, aller au del\u00e0 de la d\u00e9tection de la taille de l\u2019\u00e9cran en Responsive<\/p>\n

Inspiration<\/h2>\n

\"workwankers\"<\/p>\n

#Illustration<\/p>\n

Workwankers.com<\/a> faites d\u00e9filer la page pour d\u00e9couvrir de tr\u00e8s belles illustrations et typographie<\/p>\n

\"lookwork\"<\/p>\n

#Agregator<\/p>\n

Lookwork.com<\/a>\u00a0 Un agr\u00e9gateur visuel de flux RSS (ne vous laissez pas arr\u00eater par l’oeil atroce, la suite est sympa)<\/p>\n

#Background<\/p>\n

Anime-backgrounds.tumblr.com<\/a> un tumblr qui rassemble des illustrations d\u2019arri\u00e8re plan d\u2019anim\u00e9s<\/p>\n

\"The<\/p>\n

#Typography<\/p>\n

The Type Fight<\/a>, une ar\u00e8ne de jeu pour les fans de typographie et de jolies lettres<\/p>\n

#Illustration<\/p>\n

Le portfolio DeviantArt de Gael Bertrand\u2019s<\/a>, haut en couleurs<\/p>\n

#Slogan<\/p>\n

Honest Slogan<\/a>, des faux slogans de marques bas\u00e9s sur l\u2019image que les gens ont d\u2019elles<\/p>\n

Des ressources utiles<\/h2>\n

\"un<\/p>\n

#icon #iOS7<\/p>\n

An iOS 7 App Icon Template for Obsessive Designers <\/a>un template pour cr\u00e9er les ic\u00f4nes d\u2019iOS7 sur Photoshop<\/p>\n

#Faux Text<\/p>\n

Contentsnippets.com<\/a>\u00a0propose des exemples de faux texte (en anglais) pour certaines parties de votre application (messages d’erreur, instructions, etc.)<\/p>\n

#CSS<\/p>\n

CSS Color Palette extractor<\/a>, un outil en ligne pour r\u00e9cup\u00e9rer les palettes de couleur pr\u00e9sentes dans votre CSS<\/p>\n

Des ressources gratuites<\/h2>\n

\"Favicon<\/p>\n

#Favicon<\/p>\n

Favicon Generator. For real<\/a>\u00a0un outil en beta pour g\u00e9n\u00e9rer les favicons pour iOS Android et Windows<\/p>\n

#Photos<\/p>\n

8 Unique Places to Find Quality Free Photos<\/a> 8 sites pour trouver des photos gratuites de qualit\u00e9<\/p>\n

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

#Photoshop #Plugin<\/p>\n

SpecKing, a plugin to measure and create design specs in Photoshop<\/a> un plugin Photoshop pour cr\u00e9er des sp\u00e9cifications (hauteur, largeur, marges, padding, typographie, etc.) directement dans vos .PSD<\/p>\n

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

\"Guide<\/p>\n

#Design<\/p>\n

Guide to Visual Design for Everyone\u00a0<\/a>#old mais toujours utile, quelques rappels sur les r\u00e8gles de bases de design<\/p>\n

Pour finir avant ce long weekend,\u00a0un g\u00e9n\u00e9rateur de titre WTF pour Medium<\/a>: \u00ab\u00a0how… changed\/influences\/revolutionised …\u00a0\u00bb<\/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. Au programme de la semaine du retour d’exp\u00e9rience sur des sites responsive et design iOS7, de jolies illustrations, des outils et plugins Photoshop et pour g\u00e9n\u00e9rer des favicons pour diff\u00e9rents navigateurs. Pour plus de liens n’h\u00e9sitez …<\/p>\n","protected":false},"author":3,"featured_media":2056,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2040","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 #86 - 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 86\" \/>\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-86\/\" \/>\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 #86 - 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 86\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/\" \/>\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-01T09:17:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-11-01T09:41:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/11\/animebackground.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-86\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/\",\"name\":\"Des pixels et du code #86 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/animebackground.jpg\",\"datePublished\":\"2013-11-01T09:17:39+00:00\",\"dateModified\":\"2013-11-01T09:41:39+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 86\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/animebackground.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/animebackground.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 #86 - 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 86","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-86\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #86 - 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 86","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-11-01T09:17:39+00:00","article_modified_time":"2013-11-01T09:41:39+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/11\/animebackground.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-86\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/","name":"Des pixels et du code #86 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/animebackground.jpg","datePublished":"2013-11-01T09:17:39+00:00","dateModified":"2013-11-01T09:41:39+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 86","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-86\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/animebackground.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/animebackground.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\/2040","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=2040"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2040\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2056"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2040"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2040"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}