{"id":4261,"date":"2015-08-07T07:59:59","date_gmt":"2015-08-07T05:59:59","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4261"},"modified":"2015-08-07T08:06:05","modified_gmt":"2015-08-07T06:06:05","slug":"la-semaine-en-pixels-7-aout-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/","title":{"rendered":"La semaine en pixels \u2013 7 ao\u00fbt 2015"},"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, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.).<\/p>\n

Au programme cette semaine : accessibilit\u00e9 et couleurs, conseils freelance, exp\u00e9rience utilisateur et animations, typographie, loi de Fitt, jolies d\u00e9mos interactives dans le navigateur, fragmentation d’Android en 2015, un CDN pour les fonts Google, script de transformation d’objets dans Photoshop 2015 et une s\u00e9lection de petits jeux dans le navigateur pour procrastiner tranquillement ce weekend au soleil.<\/p>\n

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

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

#Design #a11y<\/p>\n

This is what it\u2019s like to be a color blind designer<\/a>, c\u2019est tout \u00e0 fait possible d\u2019\u00eatre daltonien et designer, la preuve, surtout avec des bons outils comme cette palette de couleurs<\/a> qui vous propose de simuler diff\u00e9rents types de daltonisme.<\/p>\n

\"This<\/p>\n

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

 <\/p>\n

#Animations<\/p>\n

4 Ways Animation Can Actually Improve User Experience<\/a>, ou comment les animations bien faites peuvent aider \u00e0 am\u00e9liorer l\u2019exp\u00e9rience utilisateur notamment sur des temps de chargement un peu longs.<\/p>\n

\"4<\/p>\n

 <\/p>\n

#Fonts<\/p>\n

\u00ab\u00a0Delivering Web Fonts<\/a>\u00ab\u00a0, un article sur le chargement des polices, je connaissais pas Font Face Observer, \u00e7a a l\u2019air pas mal du tout, \u00e0 tester.<\/p>\n

\"Delivering<\/p>\n

#Performance<\/p>\n

Designing for Performance<\/a> designer pour la performance web qui am\u00e9liore l\u2019exp\u00e9rience utilisateur<\/p>\n

#Links<\/p>\n

Deep web app linking<\/a>, le concept d\u2019utilisateurs \u201ctouristes\u201d et le fait qu\u2019on d\u00e9truit la capacit\u00e9 du net \u00e0 cr\u00e9er des liens entre les contenus en les enfermant derri\u00e8re des pages de logins<\/p>\n

#Design #Freelance<\/p>\n

Master working for yourself without crushing your soul<\/a>, de jolis conseils pour devenir freelance<\/p>\n

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

#Design #Fun<\/p>\n

Designer Dirty Talk<\/a>, des phrases coquines et un peu crues de designers<\/p>\n

\"Designer<\/p>\n

#Packaging<\/p>\n

PROTOTYPE \/ EMBALLAGE DE PINCEAUX \u00abPOILU<\/a>, un projet qu’il est fun :)<\/p>\n

\"PROTOTYPE<\/p>\n

#Code<\/p>\n

Codedoodl.es<\/a> vous propose de jolies d\u00e9mos HTML\/CSS\/JS interactives pour votre inspiration<\/p>\n

\"Codedoodl.es<\/p>\n

#Fitt<\/p>\n

La loi de Fitt, expliqu\u00e9e en une image<\/a><\/p>\n

\"Fitt's<\/p>\n

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

 <\/p>\n

#Mobile<\/p>\n

La fragmentation du march\u00e9 Android en Ao\u00fbt 2015<\/a><\/p>\n

\"device-fragmentation<\/p>\n

#Font<\/p>\n

Work Sans<\/a> est d\u00e9sormais disponible dans les Google Fonts<\/p>\n

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

 <\/p>\n

#CSS<\/p>\n

Quantity Queries Builder<\/a>, un outil pour construire des quantity queries (qui permettent de compter des \u00e9l\u00e9ments en CSS)<\/p>\n

\"Quantity<\/p>\n

#Photoshop<\/p>\n

Transform Each 2.1 Update<\/a> (un script pour transformer plusieurs objets d\u2019un coup en gardant leur emplacement comme dans Illustrator) par @darkwark<\/a> fonctionne d\u00e9sormais pour Photoshop CC 2015<\/p>\n

\"Transform<\/p>\n

#Transition #Page<\/p>\n

Animsition<\/a>, un plugin jQuery pour cr\u00e9er des transitions anim\u00e9es entre les pages
\n\"Animsition\"<\/p>\n

#Fonts<\/p>\n

Si comme moi vous \u00eates perdus dans l\u2019interface de Google Fonts et cherchez une alternative, fontcdn.org<\/a> est plut\u00f4t pratique (j\u2019ai juste pas trouv\u00e9 comment on peut y t\u00e9l\u00e9charger un .zip de la police)<\/p>\n

\"fontcdn.org\"<\/p>\n

#Fonts<\/p>\n

20 Bold Free Fonts Perfect for Headlines<\/a>, 20 polices grasses parfaites pour du titrage<\/p>\n

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

#Demo<\/p>\n

Make it spin<\/a>\u00a0!<\/p>\n

\"Make<\/p>\n

#Typographie<\/p>\n

Shape.method.ac<\/a> un petit jeu o\u00f9 il vous faudra trouver la bonne courbe pour dessiner les lettres<\/p>\n

\"Shape.method.ac\"<\/p>\n

#Chat #Demo<\/p>\n

Une d\u00e9mo qui va encore vous faire procrastiner un petit moment ce matin, meouw <\/a>:)<\/p>\n

\"kitten<\/p>\n

#Jeu<\/p>\n

10 petits jeux en ligne pour passer le temps ce matin<\/a><\/p>\n

\"10<\/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, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.). Au programme cette semaine : accessibilit\u00e9 et couleurs, conseils freelance, exp\u00e9rience utilisateur et animations, typographie, loi de Fitt, jolies …<\/p>\n","protected":false},"author":3,"featured_media":4264,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4261","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 7 ao\u00fbt 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer :\u00a0accessibilit\u00e9 et couleurs, exp\u00e9rience utilisateur et animations, loi de Fitt, fragmentation d'Android en 2015 et script Photoshop de transformation d'objets\" \/>\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\/la-semaine-en-pixels-7-aout-2015\/\" \/>\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 7 ao\u00fbt 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer :\u00a0accessibilit\u00e9 et couleurs, exp\u00e9rience utilisateur et animations, loi de Fitt, fragmentation d'Android en 2015 et script Photoshop de transformation d'objets\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/\" \/>\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=\"2015-08-07T05:59:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-08-07T06:06:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/08\/liensemaine-7aout.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=\"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\" \/>\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\/la-semaine-en-pixels-7-aout-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/\",\"name\":\"La semaine en pixels \u2013 7 ao\u00fbt 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/08\/liensemaine-7aout.jpg\",\"datePublished\":\"2015-08-07T05:59:59+00:00\",\"dateModified\":\"2015-08-07T06:06:05+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer :\u00a0accessibilit\u00e9 et couleurs, exp\u00e9rience utilisateur et animations, loi de Fitt, fragmentation d'Android en 2015 et script Photoshop de transformation d'objets\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/08\/liensemaine-7aout.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/08\/liensemaine-7aout.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 7 ao\u00fbt 2015\"},{\"@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\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 7 ao\u00fbt 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer :\u00a0accessibilit\u00e9 et couleurs, exp\u00e9rience utilisateur et animations, loi de Fitt, fragmentation d'Android en 2015 et script Photoshop de transformation d'objets","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\/la-semaine-en-pixels-7-aout-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 7 ao\u00fbt 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer :\u00a0accessibilit\u00e9 et couleurs, exp\u00e9rience utilisateur et animations, loi de Fitt, fragmentation d'Android en 2015 et script Photoshop de transformation d'objets","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-08-07T05:59:59+00:00","article_modified_time":"2015-08-07T06:06:05+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/08\/liensemaine-7aout.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social","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\/la-semaine-en-pixels-7-aout-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/","name":"La semaine en pixels \u2013 7 ao\u00fbt 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/08\/liensemaine-7aout.jpg","datePublished":"2015-08-07T05:59:59+00:00","dateModified":"2015-08-07T06:06:05+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer :\u00a0accessibilit\u00e9 et couleurs, exp\u00e9rience utilisateur et animations, loi de Fitt, fragmentation d'Android en 2015 et script Photoshop de transformation d'objets","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-aout-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/08\/liensemaine-7aout.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/08\/liensemaine-7aout.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 7 ao\u00fbt 2015"},{"@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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4261","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=4261"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4261\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4264"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}