{"id":2965,"date":"2014-08-01T08:51:54","date_gmt":"2014-08-01T06:51:54","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2965"},"modified":"2014-08-01T09:03:02","modified_gmt":"2014-08-01T07:03:02","slug":"semaine-en-pixels-1-aout-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/","title":{"rendered":"La semaine en pixels \u2013 1 ao\u00fbt 2014"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 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.). Utilisabilit\u00e9 d’ic\u00f4nes, performance et mobilit\u00e9 : une jolie liste de lecture pour votre weekend. Vous trouverez aussi des outils pour la typographie, comprendre les rendus CSS et de quoi cr\u00e9er facilement des animations dans le navigateur.<\/p>\n

Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

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

#Typography<\/p>\n

Fontface ninja<\/a> un plugin navigateur et bookmarklet pour explorer et jouer avec les polices d\u2019un site<\/p>\n

\"Fontface<\/p>\n

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

#Mobile #Fixed<\/p>\n

Fixed and inflexible<\/a> quelques retours sur le positionnement fixe d\u2019\u00e9l\u00e9ments sur mobile<\/p>\n

\"Fixed<\/p>\n

#Burger Icon<\/p>\n

Faut-il abandonner les menus fa\u00e7on hamburger ?<\/a> un condens\u00e9 en fran\u00e7ais<\/p>\n

\"Faut-il<\/p>\n

#Icon<\/p>\n

Icon Usability<\/a> : comprendre les enjeux d\u2019utilisabilit\u00e9 des ic\u00f4nes<\/p>\n

#Performance<\/p>\n

The Principles of Performance by Design<\/a> parce que la performance est importante \u00e0 chaque \u00e9tape du projet et que \u00e7a commence par le design<\/p>\n

\"The<\/p>\n

#Logo<\/p>\n

The \u201cShare a Coke\u201d Campaign isn\u2019t Stupid\u2013the Typography is<\/a>, or when logos become typefaces.<\/p>\n

\"The<\/p>\n

#Mobile<\/p>\n

Themobileplaybook.com<\/a> un petit guide du monde du mobile \u00e0 l\u2019usage des cadres et marketeux<\/p>\n

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

#Pinterest<\/p>\n

Pinterest rach\u00e8te Icebergs<\/a>, le service ferme \u00e0 partir de septembre 2014 mais j\u2019esp\u00e8re qu\u2019ils vont reprendre certaines fonctionnalit\u00e9s comme le fait de pouvoir ajouter une page en sans devoir lui assigner une image<\/p>\n

#Data<\/p>\n

Great map for smartphone OS market share <\/a>\u00a0une carte de la r\u00e9partition des appareils par OS dans diff\u00e9rents pays<\/p>\n

\"Great<\/p>\n

#Interview<\/p>\n

\u00ab\u00a0No Fuckhead you are not a Storyteller<\/a>\u00a0\u00bb une interview de Stefan Sagmeister qui nous parle de l\u2019utilisation dans tous les sens du mot \u201cstory teller\u201d<\/p>\n

\"No<\/p>\n

Les Nouveaut\u00e9s webdesign<\/h2>\n

#Navigateur<\/p>\n

Responsive Web Made Easier with Chrome DevTools Device Mode<\/a> outil natif de test des media-queries et remote debugging, voil\u00e0 qui promet de belles choses dans Chrome<\/p>\n

\"Responsive<\/p>\n

Et Firefox a lui aussi droit \u00e0 quelques nouveaut\u00e9s<\/a>.<\/p>\n

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

#Tendance<\/p>\n

Philippe Rondepierre nous propose une \u00e9tude sur les tendances du web design 2015<\/a><\/p>\n

#Instagram<\/p>\n

INSTAGRAM with Material Design<\/a>, un peu de motion pour montrer \u00e0 quoi ressemblerait Instagram en y applicant les principes de material design de Google, yeah<\/p>\n

\"INSTAGRAM<\/p>\n

#Posters<\/p>\n

Matttaylor.co.uk<\/a> des posters, des couleurs, love love et LOVE ! Je suis fan d\u2019Harley Quinn<\/a> \u00a0<3<\/p>\n

\"Matttaylor\"<\/p>\n

#Video<\/p>\n

Frozen is the new Black<\/a> a nice mashup between Frozen and Orange is the New Black :)<\/p>\n

\"Frozen<\/p>\n

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

#SVG<\/p>\n

HowTo: \u00ab\u00a0Self-Drawing\u00a0\u00bb SVG animation<\/a> ou comment animer un SVG en ligne<\/p>\n

Des ressources utiles<\/h2>\n

#Photos<\/p>\n

Jaymantri.com<\/a> encore une nouvelle \u201cgalerie\u201d o\u00f9 trouver des photos libres d\u2019utilisation<\/p>\n

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

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

#Animation<\/p>\n

AniJS Studio<\/a>, un plugin Chrome pour construire des animations JS\/CSs dans le navigateur (7,5\u20ac)<\/p>\n

\"AniJS<\/p>\n

#Performance<\/p>\n

Critical,<\/a> une t\u00e2che Gulp pour extraire le CSS \u201ccritique\u201d de vos pages et le lin\u00e9ariser dans le HTML pour booster les performances de la page<\/p>\n

#CSS<\/p>\n

De quoi comprendre ce qu\u2019il se passe dans le navigateur lors de modifications de valeurs CSS : csstriggers.com<\/a><\/p>\n

\"csstriggers\"<\/p>\n

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

#Game<\/p>\n

Gameaboutsquares.com<\/a> le petit jeu pour procrastiner ce matin, des ronds, des carr\u00e9s et c\u2019est addictif<\/p>\n

\"Gameaboutsquares\"<\/p>\n

#Icon<\/p>\n

Lined menu icons<\/a> de l\u2019inspiration sur les line icons<\/p>\n

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

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 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.). Utilisabilit\u00e9 d’ic\u00f4nes, performance et mobilit\u00e9 : une jolie liste de lecture pour votre weekend. Vous trouverez aussi des outils …<\/p>\n","protected":false},"author":3,"featured_media":2986,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2965","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 1 ao\u00fbt 2014 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 1 ao\u00fbt 2014\" \/>\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\/semaine-en-pixels-1-aout-2014\/\" \/>\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 1 ao\u00fbt 2014 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 1 ao\u00fbt 2014\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/\" \/>\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=\"2014-08-01T06:51:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-01T07:03:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/08\/pixel-1aout.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\/semaine-en-pixels-1-aout-2014\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/\",\"name\":\"La semaine en pixels \u2013 1 ao\u00fbt 2014 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/pixel-1aout.jpg\",\"datePublished\":\"2014-08-01T06:51:54+00:00\",\"dateModified\":\"2014-08-01T07:03:02+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 1 ao\u00fbt 2014\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/pixel-1aout.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/pixel-1aout.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 1 ao\u00fbt 2014\"},{\"@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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?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 1 ao\u00fbt 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 1 ao\u00fbt 2014","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-en-pixels-1-aout-2014\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 1 ao\u00fbt 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 1 ao\u00fbt 2014","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-08-01T06:51:54+00:00","article_modified_time":"2014-08-01T07:03:02+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/08\/pixel-1aout.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\/semaine-en-pixels-1-aout-2014\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/","name":"La semaine en pixels \u2013 1 ao\u00fbt 2014 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/pixel-1aout.jpg","datePublished":"2014-08-01T06:51:54+00:00","dateModified":"2014-08-01T07:03:02+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Web Design et graphisme, exp\u00e9rience utilisateurs, design d'interface et mobilit\u00e9, outils, ressources et inspiration: les liens \u00e0 ne pas manquer le 1 ao\u00fbt 2014","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-1-aout-2014\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/pixel-1aout.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/08\/pixel-1aout.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 1 ao\u00fbt 2014"},{"@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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?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\/2965","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=2965"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2965\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2986"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2965"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}