{"id":4115,"date":"2015-06-26T08:03:05","date_gmt":"2015-06-26T06:03:05","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4115"},"modified":"2015-06-26T08:12:50","modified_gmt":"2015-06-26T06:12:50","slug":"la-semaine-en-pixels-26-juin-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/","title":{"rendered":"La semaine en pixels \u2013 26 juin 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 : une semaine sous le signe de l’animation : l’inspirations pour des animations, un podcast d\u00e9di\u00e9 \u00e0 l’animation et les nouvelles fonctionnalit\u00e9s d’animation dans Photoshop. A ne pas manque \u00e9galement : erreurs d’utilisabilit\u00e9, designer pour les daltoniens, de jolis illustrations, flexbox, des fonts et des vid\u00e9os et des brush Illustrator gratuites pour vos projets et un petit jeu sur les couleurs et une fonctionnalit\u00e9 de d\u00e9roul\u00e9 sous forme de film de votre site pour la performance dans Chrome.<\/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

#CSS<\/p>\n

Pure CSS Batman Minion<\/a>, parce que c’est cool<\/p>\n

\"Pure<\/p>\n

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

#UX<\/p>\n

7 UXperts Share Most Annoying Usability Mistakes<\/a>, de experts partagent 7 erreurs d\u2019utilisabilit\u00e9<\/p>\n

\"7<\/p>\n

#HTML5<\/p>\n

HTML5 <details><\/a>, un \u00e9l\u00e9ment HTML5 utilis\u00e9 en cas de changement de la visibilit\u00e9 d\u2019un \u00e9l\u00e9ment pour une FAQ par exemple, dommage que le support soit pas g\u00e9nial (pas de Firefox ni IE pour le moment)<\/p>\n

\"HTML5<\/p>\n

#A11y<\/p>\n

Designing For (and With) Color Blindness<\/a>, designer pour le daltonisme, un excellent article par un designer qui lui m\u00eame est daltonien<\/p>\n

\"Designing<\/p>\n

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

#Illustrations<\/p>\n

Une utilisation sympa d\u2019instagram pour montrer des illustrations<\/a><\/p>\n

\"instagram-use\"<\/p>\n

#Animations<\/p>\n

Screencast: UI Animation Reviews \u2013 Animation In Responsive Design<\/a>, des exemples d\u2019animations adapt\u00e9es en fonction de la taille du navigateur<\/p>\n

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

#Photoshop<\/p>\n

Des animations avanc\u00e9es dans Photoshop<\/a>, \u00e7a va \u00eatre tr\u00e8s pratique pour montrer \u00e0 un dev\/client \u00e0 quoi ressemblera l\u2019animation dans le navigateur<\/p>\n

\"Des<\/p>\n

#Motion<\/p>\n

Motion and meaning<\/a>, un podcast sur le motion design et l\u2019animation web<\/p>\n

\"Motion<\/p>\n

#Chrome<\/p>\n

Chrome va avoir une fonctionnalit\u00e9 qui vous permet de filmer le d\u00e9roul\u00e9 de la page<\/a> pour vos analyses de performance web<\/p>\n

\"Chrome<\/p>\n

Tutoriels<\/h2>\n

#Flexbox<\/p>\n

Useful Flexbox Technique: Alignment Shifting Wrapping<\/a>, utiliser flexbox pour des techniques d\u2019alignements d\u2019\u00e9l\u00e9ments en fonction de la salle qu\u2019il y a dans le container<\/p>\n

Des ressources utiles<\/h2>\n

#Videos<\/p>\n

Coverr<\/a>, des vid\u00e9os gratuites \u00e0 t\u00e9l\u00e9charger pour vos fonds de page<\/p>\n

\"Coverr\"<\/p>\n

#Fonts<\/p>\n

Un pack de polices gratuits<\/a> et une collection de polices g\u00e9om\u00e9triques gratuites<\/a><\/p>\n

\"free<\/p>\n

#Brush<\/p>\n

10 Distressed Vector Halftone Patterns for Illustrator<\/a>, des brosses Illustrator pour des effets Halftone<\/p>\n

\"10<\/p>\n

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

#Mobile<\/p>\n

Il existe un outil de test mobile propos\u00e9 par le W3C<\/a><\/p>\n

\"w3C<\/p>\n

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

#JS<\/p>\n

Threejs cow<\/a>, une vache psych\u00e9d\u00e9lique en 3D bien fun<\/p>\n

\"Threejs<\/p>\n

#Couleur #Jeu<\/p>\n

Procrastination time : un jeu<\/a> o\u00f9 il va vous falloir trouver la bonne couleur, teinte et correspondance<\/p>\n

\"color<\/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, 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 : une semaine sous le signe de l’animation : l’inspirations pour des animations, un podcast …<\/p>\n","protected":false},"author":3,"featured_media":4116,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4115","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 26 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Inspirations pour des animations, un podcast d\u00e9di\u00e9 \u00e0 l'animation et les nouvelles fonctionnalit\u00e9s d'animation dans Photoshop, erreurs d'utilisabilit\u00e9, designer pour les daltoniens, des fonts et des vid\u00e9os et des brush Illustrator gratuites.\" \/>\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-26-juin-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 26 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Inspirations pour des animations, un podcast d\u00e9di\u00e9 \u00e0 l'animation et les nouvelles fonctionnalit\u00e9s d'animation dans Photoshop, erreurs d'utilisabilit\u00e9, designer pour les daltoniens, des fonts et des vid\u00e9os et des brush Illustrator gratuites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-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-06-26T06:03:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-06-26T06:12:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/06\/lienssemaine-26juin.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=\"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\/la-semaine-en-pixels-26-juin-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/\",\"name\":\"La semaine en pixels \u2013 26 juin 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-26-juin-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-26juin.jpg\",\"datePublished\":\"2015-06-26T06:03:05+00:00\",\"dateModified\":\"2015-06-26T06:12:50+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Inspirations pour des animations, un podcast d\u00e9di\u00e9 \u00e0 l'animation et les nouvelles fonctionnalit\u00e9s d'animation dans Photoshop, erreurs d'utilisabilit\u00e9, designer pour les daltoniens, des fonts et des vid\u00e9os et des brush Illustrator gratuites.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-26juin.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-26juin.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 26 juin 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 26 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Inspirations pour des animations, un podcast d\u00e9di\u00e9 \u00e0 l'animation et les nouvelles fonctionnalit\u00e9s d'animation dans Photoshop, erreurs d'utilisabilit\u00e9, designer pour les daltoniens, des fonts et des vid\u00e9os et des brush Illustrator gratuites.","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-26-juin-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 26 juin 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Inspirations pour des animations, un podcast d\u00e9di\u00e9 \u00e0 l'animation et les nouvelles fonctionnalit\u00e9s d'animation dans Photoshop, erreurs d'utilisabilit\u00e9, designer pour les daltoniens, des fonts et des vid\u00e9os et des brush Illustrator gratuites.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-06-26T06:03:05+00:00","article_modified_time":"2015-06-26T06:12:50+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/06\/lienssemaine-26juin.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/","name":"La semaine en pixels \u2013 26 juin 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-26-juin-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-26juin.jpg","datePublished":"2015-06-26T06:03:05+00:00","dateModified":"2015-06-26T06:12:50+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Inspirations pour des animations, un podcast d\u00e9di\u00e9 \u00e0 l'animation et les nouvelles fonctionnalit\u00e9s d'animation dans Photoshop, erreurs d'utilisabilit\u00e9, designer pour les daltoniens, des fonts et des vid\u00e9os et des brush Illustrator gratuites.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-26-juin-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-26juin.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/06\/lienssemaine-26juin.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 26 juin 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\/4115","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=4115"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4115\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4116"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}