{"id":5195,"date":"2016-04-15T07:47:43","date_gmt":"2016-04-15T05:47:43","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5195"},"modified":"2016-04-15T07:56:43","modified_gmt":"2016-04-15T05:56:43","slug":"semaine-pixels-15-avril-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/","title":{"rendered":"La semaine en pixels \u2013 15 avril 2016"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Comme chaque semaine, \u00a0un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n

Au programme cette semaine : animations CSS performantes et transformations, le CSS du futur avec variables et mixins natives, le pouvoir des web apps, corrections visuelles de logos, bonnes pratiques de formulaire, introductions \u00e0 la hi\u00e9rarchie visuelle, conseils de typographie pour am\u00e9liorer l\u2019UX, comment d\u00e9velopper son \u0153il de designer, un petit topo sur les bonnes pratiques et apprendre l\u2019histoire du design sous forme de petites anecdotes. Ne manquez pas dans les ressource une liste de livres, de l\u2019inspiration mobile, un script Photoshop pour cr\u00e9er des effets de pixels fondus et un site pour automatiser la cr\u00e9ation de logos si vous avez envie de rire un peu.<\/p>\n

Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

tl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n

#Animations #Transform<\/p>\n

Fast CSS animations<\/a>, une librairie pour cr\u00e9er des animations qui ne cause pas de repaint ou de reflox, et What are Transformations ?<\/a> qui explique les transformations CSS qu\u2019on utilise tr\u00e8s souvent avec les animations<\/p>\n

\"\"<\/p>\n

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

#Design<\/p>\n

QUOIIIIIII t’es PAAAAAS sur SKEEEETCH et le dernier super outil de ouf ???\u00a0Forgetting how the other half designs<\/a> – Some designers are stuck with shitty workflows. AMEN!<\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

Native or Not? The Untapped Power of Web Apps<\/a> native ou pas, le pouvoir des web apps qu\u2019on oublie un peu trop souvent comme strat\u00e9gie mobile tout \u00e0 fait viable en fonction des besoins du client.<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Optical corrections in logo design<\/a>, corriger visuellement les logos, l\u2019astuce pour le logo noir et blanc est plut\u00f4t maline<\/p>\n

\"\"<\/p>\n

#Form<\/p>\n

Web Form Design Best Practices: 5 Useful UI Patterns<\/a>, 5 bonnes pratiques pour vos formulaires<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

The Design School Guide To Visual Hierarchy<\/a>, un petit guide pour vous aider \u00e0 ma\u00eetriser la hi\u00e9rarchie visuelle<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

CSS from the Future<\/a>, quand est-ce que ce le CSS vanilla sera aussi puissant que Sass, LESS, Stylus et autres<\/p>\n

\"\"<\/p>\n

#Front-end<\/p>\n

iframe, or not, that is the question<\/a> iframe ou injection JavaScript pour un widget, une comparaison int\u00e9ressante<\/p>\n

\"\"<\/p>\n

#typography #UX<\/p>\n

Typography tips for a better user experience<\/a>, des conseils de typographie pour am\u00e9liorer l\u2019exp\u00e9rience utilisateur<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Un article sympa si vous cherchez des moyens de d\u00e9velopper vos talents de designer : Developing your eye for design<\/a><\/p>\n

\"\"#Design<\/p>\n

The Road to Mediocrity Is Paved with Best Practices<\/a>, parfois les bonnes pratiques ne sont pas forc\u00e9ment ce qui va fonctionner pour votre entreprise<\/p>\n

\"\"#a11y<\/p>\n

15 Website Accessibility Tips That Increase Everyone\u2019s Engagement<\/a><\/p>\n

De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n

#Portoflio<\/p>\n

Hahaha la page \u00e0 propos un peu fun de la semaine davidprati.fr<\/a> \u00a0\u00a0^^<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Une plate-forme plut\u00f4t sympa pour apprendre l\u2019histoire du design au travers de petits anecdotes Design Facts<\/a><\/p>\n

\"\"<\/p>\n

#Illustration<\/p>\n

Ow <3 Alphabet Illustrations<\/a><\/p>\n

\"\"<\/p>\n

#Mobile<\/p>\n

Si vous cherchez de l\u2019inspiration mobile voici une jolie liste de blogs \u00e0 suivre<\/a><\/p>\n

\"\"L\u2019actualit\u00e9 webdesign<\/h2>\n

#Google<\/p>\n

Google now blocks searchers from sites with deceptive download buttons<\/a>, Google bloque d\u00e9sormais des r\u00e9sultats de recherche les sites avec des boutons qui pourraient \u00eatre malicieux<\/p>\n

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

#API<\/p>\n

Record almost everything in the browser with MediaRecorder<\/a>, on va pouvoir enregistrer de plus en plus de choses sur les appareils de nos utilisateurs<\/p>\n

\"\"<\/p>\n

Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n

#Books<\/p>\n

Plus de livres : 50 essential books every graphic designer should read<\/a><\/p>\n

\"\"<\/p>\n

 <\/p>\n

#Action #Photoshop<\/p>\n

Free Pixel Sorting Photoshop Action for Creating Glitch Art<\/a>, une action Photoshop pour cr\u00e9er des effets de glitch visuel assez sympas<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Styleguide – Living Styleguide Made Easy<\/a> un outil pour vous aider \u00e0 faire des styleguides<\/p>\n

\"\"<\/p>\n

#Devis<\/p>\n

How much does a website cost?<\/a> un outil en ligne pour calculer combien co\u00fbtera un site web, la liste de questions est toujours int\u00e9ressante pour aider pour un cahier des charges<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

CSS Pseudo<\/a>, une pr\u00e9sentation pseudo classes et pseudo elements CSS<\/p>\n

Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n

#Spotify<\/p>\n

Quelqu\u2019un a fait une version responsive de la page artiste de Spotify<\/a><\/p>\n

\"\"<\/p>\n

#Logo<\/p>\n

Procrastination time : un g\u00e9n\u00e9rateur automatique de logos en ligne<\/a><\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu’il ne soit plus \u00e0 jour.Comme chaque semaine, \u00a0un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc. Au programme cette semaine : animations CSS performantes et transformations, le CSS du futur avec variables et mixins natives, …<\/p>\n","protected":false},"author":3,"featured_media":5196,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5195","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nLa semaine en pixels \u2013 15 avril 2016 - 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=\"A ne pas manquer: animations CSS performantes et transformations, variables et mixines natives CSS, pouvoir des web apps, corrections visuelles de logos, bonnes pratiques de formulaire, introductions \u00e0 la hi\u00e9rarchie visuelle, typographie pour am\u00e9liorer l\u2019UX et inspiration mobile.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-2408.html \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La semaine en pixels \u2013 15 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer: animations CSS performantes et transformations, variables et mixines natives CSS, pouvoir des web apps, corrections visuelles de logos, bonnes pratiques de formulaire, introductions \u00e0 la hi\u00e9rarchie visuelle, typographie pour am\u00e9liorer l\u2019UX et inspiration mobile.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/\" \/>\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=\"2016-04-15T05:47:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-04-15T05:56:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/04\/pixelsemaine-15avril.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\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\/semaine-pixels-15-avril-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/\",\"name\":\"La semaine en pixels \u2013 15 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/pixelsemaine-15avril.jpg\",\"datePublished\":\"2016-04-15T05:47:43+00:00\",\"dateModified\":\"2016-04-15T05:56:43+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer: animations CSS performantes et transformations, variables et mixines natives CSS, pouvoir des web apps, corrections visuelles de logos, bonnes pratiques de formulaire, introductions \u00e0 la hi\u00e9rarchie visuelle, typographie pour am\u00e9liorer l\u2019UX et inspiration mobile.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/pixelsemaine-15avril.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/pixelsemaine-15avril.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 15 avril 2016\"},{\"@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":"La semaine en pixels \u2013 15 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer: animations CSS performantes et transformations, variables et mixines natives CSS, pouvoir des web apps, corrections visuelles de logos, bonnes pratiques de formulaire, introductions \u00e0 la hi\u00e9rarchie visuelle, typographie pour am\u00e9liorer l\u2019UX et inspiration mobile.","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\/semaine-pixels-15-avril-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 15 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer: animations CSS performantes et transformations, variables et mixines natives CSS, pouvoir des web apps, corrections visuelles de logos, bonnes pratiques de formulaire, introductions \u00e0 la hi\u00e9rarchie visuelle, typographie pour am\u00e9liorer l\u2019UX et inspiration mobile.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-04-15T05:47:43+00:00","article_modified_time":"2016-04-15T05:56:43+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/04\/pixelsemaine-15avril.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\/semaine-pixels-15-avril-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/","name":"La semaine en pixels \u2013 15 avril 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/pixelsemaine-15avril.jpg","datePublished":"2016-04-15T05:47:43+00:00","dateModified":"2016-04-15T05:56:43+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer: animations CSS performantes et transformations, variables et mixines natives CSS, pouvoir des web apps, corrections visuelles de logos, bonnes pratiques de formulaire, introductions \u00e0 la hi\u00e9rarchie visuelle, typographie pour am\u00e9liorer l\u2019UX et inspiration mobile.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-15-avril-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/pixelsemaine-15avril.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/04\/pixelsemaine-15avril.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 15 avril 2016"},{"@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\/5195"}],"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=5195"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5195\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5196"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}