{"id":1994,"date":"2013-10-18T08:29:02","date_gmt":"2013-10-18T06:29:02","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1994"},"modified":"2013-10-18T08:30:33","modified_gmt":"2013-10-18T06:30:33","slug":"pixels-du-code-84","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/","title":{"rendered":"Des pixels et du code #84"},"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. Un peu moins de liens cette semaine puisque je l’ai pass\u00e9e en partie \u00e0 Paris pour Paris Web, mais vous pouvez retrouver le r\u00e9sum\u00e9 de la premi\u00e8re journ\u00e9e<\/a>.<\/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

\"Case<\/p>\n

#Case Study<\/p>\n

Case Study: Redesigning Commit for iOS 7<\/a> l\u2019auteur d\u00e9taille le redesign de son application \u201cCommit\u201d et les difficult\u00e9s qu\u2019il a rencontr\u00e9 pour son redesign iOS7, joli retour d\u2019exp\u00e9rience<\/p>\n

\u00a0#CSS4<\/p>\n

6 things I look forward to in CSS level 4<\/a>, selecteur de luminosit\u00e9, :past, :current, :matches ou encore :local-link, 6 fonctionnalit\u00e9s pr\u00e9vues dans CSS level 4 qui on l\u2019air tr\u00e8s prometteuses<\/p>\n

\u00a0#Mobile<\/p>\n

Native Mobile Apps are the New Flash<\/a>, ne vous fiez pas au titre cet article n\u2019a rien \u00e0 voir avec Flash mais traite du fait que beaucoup d\u2019applications natives n\u2019ont de valeur ajout\u00e9e pour l\u2019utilisateur qu\u2019une ic\u00f4ne sur la homepage de son t\u00e9l\u00e9phone. D\u2019apr\u00e8s l\u2019auteur beaucoup d\u2019applications de consultations de contenu n\u2019auraient pas besoin d\u2019exister puisque les technologies web permettent de faire \u00e7a tr\u00e8s bien.<\/p>\n

Inspiration<\/h2>\n

\"seriesbasmati.tumblr\"<\/p>\n

#Illustration<\/p>\n

Seriesbasmati<\/a> un m\u00e9lange de nourriture et de titres de s\u00e9ries, le tout illustr\u00e9e<\/p>\n

\u00a0#Illustration<\/p>\n

Fairy Tales<\/a>, des illustrations de conte de f\u00e9e, avec un fin moderne et souvent tr\u00e8s sombre<\/p>\n

\u00a0Les illustrations \u00e0 base de typographie super d\u00e9taill\u00e9es de Greg Coulton<\/a><\/p>\n

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

#Photos<\/p>\n

Milkypinups<\/a>\u00a0de tr\u00e8s jolies photos de pin-ups toutes habill\u00e9es de lait. Oui, de lait :)<\/p>\n

Des ressources utiles<\/span><\/h2>\n

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

#Photoshop<\/p>\n

Renamy<\/a>, un plugin Photoshop pour renommer plusieurs calques en une seule fois est disponible (pour $4.99 )<\/p>\n

#Illustrator<\/p>\n

Brushes for wireframing<\/a> un set de brush pour cr\u00e9er des fl\u00e8ches facilement sous Illustrator<\/p>\n

Des ressources gratuites<\/h2>\n

\"norwester\"<\/p>\n

#Typography<\/p>\n

Norwester<\/a> une police condensed g\u00e9om\u00e9trique et sans serif gratuite<\/p>\n

\u00a0#Fonticon<\/p>\n

Ionicons<\/a>, une police font-icon gratuite avec les fichiers SVG disponibles si besoin<\/p>\n

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

\"RWD<\/p>\n

#Wireframe<\/p>\n

RWD Wireframes<\/a>\u00a0un outil en ligne pour rapidement cr\u00e9er des prototypes de site responsive en prennant en compte le reflow<\/p>\n

#WebDesigner Too<\/p>\n

Google Web Designer: the Review<\/a> : un retour sur l\u2019outil cr\u00e9\u00e9 par Google \u201cWeb Designer\u201d, qui d\u2019apr\u00e8s l\u2019auteur est au final trop compliqu\u00e9 pour les d\u00e9butants, g\u00e9n\u00e8re du code webkit only et ne permet pas d\u2019ouvrir des fichiers HTML non cr\u00e9\u00e9s avec l\u2019outil, bref, pas tr\u00e8s utile pour les professionnels \u00e0 part pour faire des animations publicitaires.<\/p>\n

\u00a0#Photoshop Plugin<\/p>\n

flaticon.com<\/a> un plugin Photoshop pour r\u00e9cup\u00e9rer une galerie de plus de 10 000 ic\u00f4nes vectorielles directement dans Photoshop<\/p>\n

Et retrouvez une comparaison avec un second plugin sur mon article\u00a0BlendMeIn and Flaticon \u2013 two plugins to access vector icon collections in Photoshop<\/a><\/p>\n

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

\"SVG<\/p>\n

#CSS<\/p>\n

Animated Checkboxes and Radio Buttons with SVG <\/a>des cases \u00e0 cocher anim\u00e9es en SVG<\/p>\n

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

\"Flat<\/p>\n

#Form #Usability<\/p>\n

Flat UI and Forms<\/a> an excellent article sur l\u2019utilisabilit\u00e9 des formulaires en flat design et des conseils pour l\u2019am\u00e9liorer. Ma citation pr\u00e9f\u00e9r\u00e9e :<\/p>\n

\u201cIf color is the only thing distinguishing non-clickable text from clickable links, as the Klout example showed, you\u2019re immediately making things difficult for approximately 12 percent of your users.\u201c<\/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. Un peu moins de liens cette semaine puisque je l’ai pass\u00e9e en partie \u00e0 Paris pour Paris Web, mais vous pouvez retrouver le r\u00e9sum\u00e9 de la premi\u00e8re journ\u00e9e. Pour plus de liens n’h\u00e9sitez pas \u00e0 me …<\/p>\n","protected":false},"author":3,"featured_media":2006,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1994","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #84 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\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-84\/\" \/>\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 #84 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"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. Un peu moins de liens cette semaine puisque je l’ai pass\u00e9e en partie \u00e0 Paris pour Paris Web, mais vous pouvez retrouver le r\u00e9sum\u00e9 de la premi\u00e8re journ\u00e9e. Pour plus de liens n’h\u00e9sitez pas \u00e0 me …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/\" \/>\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-18T06:29:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-10-18T06:30:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/10\/pixelcode84.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-84\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/\",\"name\":\"Des pixels et du code #84 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode84.jpg\",\"datePublished\":\"2013-10-18T06:29:02+00:00\",\"dateModified\":\"2013-10-18T06:30:33+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode84.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode84.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #84\"},{\"@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 #84 - par St\u00e9phanie Walter - UX Researcher & Designer","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-84\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #84 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"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. Un peu moins de liens cette semaine puisque je l’ai pass\u00e9e en partie \u00e0 Paris pour Paris Web, mais vous pouvez retrouver le r\u00e9sum\u00e9 de la premi\u00e8re journ\u00e9e. Pour plus de liens n’h\u00e9sitez pas \u00e0 me …","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-10-18T06:29:02+00:00","article_modified_time":"2013-10-18T06:30:33+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/10\/pixelcode84.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-84\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/","name":"Des pixels et du code #84 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode84.jpg","datePublished":"2013-10-18T06:29:02+00:00","dateModified":"2013-10-18T06:30:33+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-84\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode84.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixelcode84.jpg","width":700,"height":200,"caption":"Des pixels et du code #84"},{"@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\/1994","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=1994"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1994\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2006"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}