{"id":1918,"date":"2013-10-04T07:32:38","date_gmt":"2013-10-04T05:32:38","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1918"},"modified":"2013-10-04T18:11:35","modified_gmt":"2013-10-04T16:11:35","slug":"pixels-du-code-82","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/","title":{"rendered":"Des pixels et du code #82"},"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 c’est iOS qui est \u00e0 l’honneur dans les articles : retour sur le design d’une application, mod\u00e8le \u00e9conomique sur l’App Store ainsi que quelques conseils pour l’utilisabilit\u00e9 des formulaires sur mobile en g\u00e9n\u00e9ral. Vous trouverez \u00e9galement une grande collection de liens pour votre inspiration, ainsi que des ressources pour le design iOS7 \u00a0et des ic\u00f4nes anim\u00e9es en SVG et JavaScript<\/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

\"Designing<\/p>\n

#iOS7 #Design<\/p>\n

Designing for iOS7: Perils & Pluses <\/a>\u00a0un tr\u00e8s int\u00e9ressant retour d\u2019exp\u00e9rience de Luke Wroblewski sur la mise \u00e0 jour graphique de Polar pour iOS7<\/p>\n

#Chatons<\/p>\n

Forget Dribbble, Scoutzie or B\u0113hance \u2014 is your work better than kittens?<\/a> votre boulot est-il mieux qu\u2019une photo de chaton ? Tentez votre chance :)<\/p>\n

#iOS<\/p>\n

Yep, paid apps are dead<\/a> un excellent article sur les changements de mod\u00e8les \u00e9conomiques sur l\u2019app store et le besoin de voir plus loin pour pouvoir continuer \u00e0 vivre de ses applications<\/p>\n

Inspiration<\/h2>\n

\"Dear<\/p>\n

#Star Wars<\/p>\n

Dear JJ Abrams<\/a> 4 r\u00e8gles pour faire du prochain Star Wars un succ\u00e8s<\/p>\n

#Affiche de Film<\/p>\n

The visual evolution of Batman in movie posters<\/a> une \u00e9volution visuelle des affiches pour Batman<\/p>\n

An alternative visual perspective to popular movie poster designs<\/a> des propositions d\u2019affiches pour des films c\u00e9l\u00e8bres, pour beaucoup je pr\u00e9f\u00e8re la proposition alternative<\/p>\n

\"Absurd<\/p>\n

#Mustache<\/p>\n

Absurd Portraits from the National Beard & Mustache Championships by Greg Anderson <\/a>\u00a0des photos d\u2019hommes avec de superbes barbes et moustaches<\/p>\n

#Scroll<\/p>\n

Mailchimp goes with you<\/a> \u00a0faites d\u00e9filer la page et admirez l\u2019effet tr\u00e8s ing\u00e9nieux sur le mot \u201cgoes with you\u201d<\/p>\n

\"Spew<\/p>\n

#Typographie<\/p>\n

Spewbagchallenge.tumblr.com<\/a> de belles lettres dessin\u00e9es sur des sacs \u00e0 vomis (oui \u00e7a ne fait pas r\u00eaver dit comme \u00e7a ^^)<\/p>\n

#WebDesign<\/p>\n

Catscarf.com<\/a> un site pour offrir une \u00e9charpe \u00e0 votre chat, je ne suis pas fan du concept, mais le design du site est tr\u00e8s sympa<\/p>\n

#CSS<\/p>\n

Des r\u00e9bus<\/a> pour travailler vos propri\u00e9t\u00e9s CSS (comme \u00e7a vous avez une bonne excuse de visiter un tumblr au boulot)<\/p>\n

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

\"A-Collection-of-Section-Separators\"<\/p>\n

#CSS<\/p>\n

A very nice collection of separator styles<\/a>\u00a0 sur Codrops un tutoriel pour faire de jolis s\u00e9parateurs de page en CSS.<\/p>\n

#CSS Mask<\/p>\n

Intro to CSS Masking<\/a> une vid\u00e9o de 8 minutes qui montre certaines possibilit\u00e9s des masques en CSS<\/p>\n

Des ressources utiles<\/h2>\n

\"Smart<\/p>\n

#Icons<\/p>\n

Smart Icons<\/a>\u00a0un \u201cproof of concept\u201d d\u2019ic\u00f4nes en SVG anim\u00e9es en JS<\/p>\n

#Papier<\/p>\n

Book<\/a>, un service pour imprimer les r\u00e9alisations Paper sur du vrai papier <3<\/p>\n

#iOS7<\/p>\n

iOS 7 Design Resources<\/a> les ressources iOS7 d\u2019Apple r\u00e9unies en un seul endroit<\/p>\n

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

\"CodePen---A-Pen-by-jjperezaguinaga\"<\/p>\n

#SVG<\/p>\n

Travaler Today <\/a>une d\u00e9mo de SVG anim\u00e9 \u00e0 l\u2019aide de CSS3 (dommage que \u00e7a soit du webkit only)<\/p>\n

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

\u00a0\"6<\/p>\n

#Mobile #UX<\/p>\n

6 Mobile Checkout Usability Considerations<\/a>\u00a0ce \u00e0 quoi il faut faire attention lorsque l\u2019on design des formulaires pour mobile r\u00e9sum\u00e9 en 6 points<\/p>\n

Pour finir, n’oubliez pas que\u00a0vous pouvez toujours tenter de gagner un abonnement d’un mois \u00e0 video2brain<\/a>.<\/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 c’est iOS qui est \u00e0 l’honneur dans les articles : retour sur le design d’une application, mod\u00e8le \u00e9conomique sur l’App Store ainsi que quelques conseils pour l’utilisabilit\u00e9 des formulaires sur mobile en g\u00e9n\u00e9ral. Vous …<\/p>\n","protected":false},"author":3,"featured_media":1931,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1918","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 #82 - 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 82\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3703.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 #82 - 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 82\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/\" \/>\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-04T05:32:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-10-04T16:11:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/10\/book.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-82\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/\",\"name\":\"Des pixels et du code #82 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/book.jpg\",\"datePublished\":\"2013-10-04T05:32:38+00:00\",\"dateModified\":\"2013-10-04T16:11:35+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 82\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/book.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/book.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 #82 - 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 82","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-82\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #82 - 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 82","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-10-04T05:32:38+00:00","article_modified_time":"2013-10-04T16:11:35+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/10\/book.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-82\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/","name":"Des pixels et du code #82 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/book.jpg","datePublished":"2013-10-04T05:32:38+00:00","dateModified":"2013-10-04T16:11:35+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 82","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-82\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/book.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/book.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\/1918"}],"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=1918"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1918\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1931"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1918"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}