{"id":3753,"date":"2015-03-20T08:30:56","date_gmt":"2015-03-20T07:30:56","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3753"},"modified":"2015-03-20T08:30:56","modified_gmt":"2015-03-20T07:30:56","slug":"la-semaine-en-pixels-20-mars-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-2015\/","title":{"rendered":"La semaine en pixels \u2013 20 mars 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 :\u00a0mobilit\u00e9 et strat\u00e9gie multi-channel, prototypage mobile, typographie, performance web, des outils pour l’animation CSS dans le navigateur et des tutoriels pour de l’animation dans Photoshop, des animaux menac\u00e9s en origami et un peu de musique pour vous faire procrastiner, flexbox et inline-block pour vos mises en pages CSS, du menu responsive \u00e0 ne plus savoir qu’en faire, une jolie police.<\/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

Construire et prototyper rapidement un concept d\u2019application mobile \u2013 pr\u00e9sentation Bizz & Buzz 2015<\/a><\/p>\n

\"Construire<\/p>\n

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

#Mobile<\/p>\n

Making Mobile Work in Your Multi-Channel E-commerce Strategy<\/a> faire fonctionner une strat\u00e9gie mobile multi-channel \u00ab\u00a0Consumers don\u2019t think in terms of channels\u2014mobile, desktop, in-store. Instead, it\u2019s all just shopping.\u00a0\u00bb<\/p>\n

\"Making<\/p>\n

#Typographie<\/p>\n

What is kerning, mother fonter?<\/a> le kerning expliqu\u00e9 avec de jolies images<\/p>\n

\"What<\/p>\n

#Performance<\/p>\n

The Path to Performance<\/a>: comment faire en sorte d’int\u00e9resser les \u00e9quipes aux probl\u00e9matiques de performance web ?<\/p>\n

\"The<\/p>\n

#Mobile Workflow #Development<\/p>\n

Mobile first is a great workflow<\/a>, le concept de \u201cmobile first\u201d expliqu\u00e9 en phase d\u2019int\u00e9gration<\/p>\n

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

#Animation<\/p>\n

Animation Timeline in Chrome DevTools<\/a>, un outil pour mieux d\u00e9buguer les animations arrive bient\u00f4t dans Chrome<\/p>\n

\"Animation<\/p>\n

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

#Origami<\/p>\n

Lovely: 30 esp\u00e8ces animale en danger en 30 petites pi\u00e8ces d’origami<\/a><\/p>\n

\"30<\/p>\n

#Making Of #3D<\/p>\n

VFX of The Hobbit: The Battle of the Five Armies<\/a> des images du making of de la bataille des 5 arm\u00e9es<\/p>\n

\"VFX<\/p>\n

#Music<\/p>\n

Un peu de procrastination musicale ce matin<\/a><\/p>\n

\"Madeon\"<\/p>\n

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

#CSS<\/p>\n

\u00ab\u00a0An inline-block intervention<\/a>\u00ab\u00a0, utiliser display:inline block avec des flottants et du clearfix, la m\u00e9thode est pas b\u00eate du tout<\/p>\n

#Flexbox<\/p>\n

Using Flexbox today<\/a>, utiliser flexbox aujourd\u2019hui c\u2019est possible et c\u2019est g\u00e9nial :)<\/p>\n

\"Using<\/p>\n

#Animation #Photoshop<\/p>\n

8 Photoshop UI Animation Tutorials<\/a>, 8 tutoriels d\u2019animations d\u2019UI dans Photoshop<\/p>\n

#Performance<\/p>\n

Strategies for Staying on Top of Web Performance<\/a>, conseils pour g\u00e9rer la performance web sur un projet<\/p>\n

Des ressources utiles<\/h2>\n

#Performance<\/p>\n

Whatdoesmysitecost.com<\/a> combien co\u00fbte l\u2019acc\u00e8s \u00e0 votre site \u00e0 un utilisateur mobile en fonction du pays<\/p>\n

\"Whatdoesmysitecost.com\"<\/p>\n

#Menu #Responsive<\/p>\n

Design Trends in Responsive Navigation: Best Practices 2015<\/a>, des exemples de menus responsive adapt\u00e9s pour le mobile (avec souvent le code)<\/p>\n

\"Design<\/p>\n

#Font<\/p>\n

Gidole, <\/a>une DIN Open Source et moderne<\/p>\n

\"Gidole\"<\/p>\n

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

#Slack<\/p>\n

Sweetthemesaremadeofthe.se<\/a>, des th\u00e8mes pour Slack :)<\/p>\n

\"Sweetthemesaremadeofthe.se\"<\/p>\n

#SVG<\/p>\n

Textures.js<\/a>, des patterns en SVG pour de la data visualiation<\/p>\n

\"Textures.j\"<\/p>\n

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

#Photoshop<\/p>\n

Your Favorite Photoshop Experts Open Photoshop 1.0<\/a>, des designers utilisent Photoshop 1.0 :)<\/p>\n

\"Your<\/p>\n

#SVG<\/p>\n

Squiggly Text Experiment with SVG filters<\/a>, une exp\u00e9rimentation de texte qui gigote avec du SVG<\/p>\n

\"Squiggly<\/p>\n

#CSS<\/p>\n

Css-sans<\/a> une police cr\u00e9\u00e9e uniquement en CSS<\/p>\n

\"Css-sans<\/p>\n

Et pour le fun, Kindle Cover Disasters<\/a> rassemble des couvertures de Kindle totalement d\u00e9sastreuses<\/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 :\u00a0mobilit\u00e9 et strat\u00e9gie multi-channel, prototypage mobile, typographie, performance web, des outils pour l’animation CSS dans le navigateur …<\/p>\n","protected":false},"author":3,"featured_media":3760,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-3753","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 20 mars 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer : mobilit\u00e9 et strat\u00e9gie multi-channel, typographie, performance web, outils d'animation CSS dans le navigateur et tutoriels pour l'animation dans Photoshop, flexbox et inline-block pour vos mises en pages CSS, du menu responsive \u00e0 ne plus savoir qu'en faire et une jolie police.\" \/>\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-20-mars-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 20 mars 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer : mobilit\u00e9 et strat\u00e9gie multi-channel, typographie, performance web, outils d'animation CSS dans le navigateur et tutoriels pour l'animation dans Photoshop, flexbox et inline-block pour vos mises en pages CSS, du menu responsive \u00e0 ne plus savoir qu'en faire et une jolie police.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-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-03-20T07:30:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/03\/liens-semaine-20-mars.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-20-mars-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-2015\/\",\"name\":\"La semaine en pixels \u2013 20 mars 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-20-mars-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/liens-semaine-20-mars.jpg\",\"datePublished\":\"2015-03-20T07:30:56+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer : mobilit\u00e9 et strat\u00e9gie multi-channel, typographie, performance web, outils d'animation CSS dans le navigateur et tutoriels pour l'animation dans Photoshop, flexbox et inline-block pour vos mises en pages CSS, du menu responsive \u00e0 ne plus savoir qu'en faire et une jolie police.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/liens-semaine-20-mars.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/liens-semaine-20-mars.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 20 mars 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 20 mars 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer : mobilit\u00e9 et strat\u00e9gie multi-channel, typographie, performance web, outils d'animation CSS dans le navigateur et tutoriels pour l'animation dans Photoshop, flexbox et inline-block pour vos mises en pages CSS, du menu responsive \u00e0 ne plus savoir qu'en faire et une jolie police.","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-20-mars-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 20 mars 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer : mobilit\u00e9 et strat\u00e9gie multi-channel, typographie, performance web, outils d'animation CSS dans le navigateur et tutoriels pour l'animation dans Photoshop, flexbox et inline-block pour vos mises en pages CSS, du menu responsive \u00e0 ne plus savoir qu'en faire et une jolie police.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-03-20T07:30:56+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/03\/liens-semaine-20-mars.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-20-mars-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-2015\/","name":"La semaine en pixels \u2013 20 mars 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-20-mars-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/liens-semaine-20-mars.jpg","datePublished":"2015-03-20T07:30:56+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer : mobilit\u00e9 et strat\u00e9gie multi-channel, typographie, performance web, outils d'animation CSS dans le navigateur et tutoriels pour l'animation dans Photoshop, flexbox et inline-block pour vos mises en pages CSS, du menu responsive \u00e0 ne plus savoir qu'en faire et une jolie police.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-mars-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/liens-semaine-20-mars.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/03\/liens-semaine-20-mars.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 20 mars 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\/3753","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=3753"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/3753\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/3760"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=3753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=3753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=3753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}