{"id":2663,"date":"2014-05-02T10:36:44","date_gmt":"2014-05-02T08:36:44","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2663"},"modified":"2014-05-02T10:36:44","modified_gmt":"2014-05-02T08:36:44","slug":"semaine-en-pixels-2-mai-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/","title":{"rendered":"La semaine en pixels \u2013 2 mai 2014"},"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.). Cette semaine beaucoup de lectures consacr\u00e9es \u00e0 la mobilit\u00e9 : zones au touch, indicateur de chargement et attente, responsive vs adaptive et adaptation d’un filtre responsive, mais \u00e9galement de tr\u00e8s jolies illustrations du c\u00f4t\u00e9 de l’inspiration et un petit outil Adobe qui devrait aider nos amis les int\u00e9grateurs web au quotidien.<\/p>\n

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

Les articles \u00e0 lire<\/h2>\n

#Video #Loading<\/p>\n

How to Avoid Loading Indicators<\/a> un courte vid\u00e9o de 3min par Luke Wroblewski sur comment \u00e9viter les\u00a0indicateurs de chargement\u00a0sur les sites et applications mobiles<\/p>\n

\"How<\/p>\n

#Video #TouchDesign<\/p>\n

How We Really Hold and Touch (their phones)<\/a> une conf sur comment les utilisateurs vont tenir leurs t\u00e9l\u00e9phone par @shoobe01<\/a><\/p>\n

#UX #Persona<\/p>\n

Il y a @fdevillamil<\/a> qui utilise des m\u00e9taphores de PNJ en jeu de r\u00f4le pour expliquer les personas<\/a> et c’est g\u00e9nial<\/p>\n

#Responsive #Adaptative #D\u00e9di\u00e9<\/p>\n

Responsive vs. adaptive vs. device-specific<\/a> une des explications les plus compl\u00e8te et synth\u00e9tique que j\u2019ai pu lire sur la diff\u00e9rence entre le Responsive Web Design, le design adaptatif et le site mobile d\u00e9di\u00e9.<\/p>\n

\"Responsive<\/p>\n

#Responsive #Filter<\/p>\n

Responsive Design: Getting Advanced Filtering Right<\/a> : un retour d\u2019exp\u00e9rience sur le design de filtres dans une interface responsive. L\u2019article propose une solution astucieuse et j\u2019aime vraiment beaucoup le fait qu\u2019ils aient gard\u00e9 la m\u00eame taille d\u2019\u00e9l\u00e9ments et le m\u00eame look and feel sur desktop et sur mobile, \u00e7a donne une coh\u00e9rence \u00e0 l\u2019interface entre les diff\u00e9rents appareils.<\/p>\n

\"Responsive<\/p>\n

Inspiration<\/h2>\n

#Typographie
\nFleurs Coiffeur Liqueur<\/a> une collection d\u2019enseignes de salons de coiffure et d\u00e9bits d\u2019alcool<\/p>\n

\"Fleurs
\n#Illustration<\/p>\n

Archangels bicycle playing cards<\/a> des cartes \u00e0 jouer illustr\u00e9es mi ange\/mi d\u00e9mon<\/p>\n

\"archangel<\/p>\n

#Icon<\/p>\n

Revoir le design du symbole international de l\u2019accessibilit\u00e9<\/a> pour changer la perception des gens sur le handicap, une superbe id\u00e9e.<\/p>\n

\"design<\/p>\n

#Illustration<\/p>\n

Facets.la<\/a> \u00a0une image par jour pendant 365 jours par \u00a0Justin Maller<\/p>\n

\"facets\"<\/p>\n

#Design<\/p>\n

Lest I Forget<\/a> : un article tr\u00e8s humble et plein d\u2019humour qui retrace l\u2019\u00e9volution d\u2019une designer qui partage avec nous ses premi\u00e8res oeuvres.<\/p>\n

#Mobile<\/p>\n

Tabpatterns.com<\/a> une galerie d\u2019inspiration pour du design d\u2019application. Les applications sont class\u00e9es par cat\u00e9gories<\/p>\n

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

#Animation<\/p>\n

The Illusion of Life<\/a> – the 12 basic animation principles, applied to a simple shape: the cube.<\/p>\n

\"The<\/p>\n

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

#Web Fundamentals<\/p>\n

A handbook by GoogleDevelopers to learn web fundamentals<\/a>: multidevice, images, forms, performances, etc.<\/p>\n

\"web<\/p>\n

#CSS<\/p>\n

Clearing Floats: An Overview of Different clearfix Methods<\/a> plusieurs m\u00e9thodes modernes de nettoyage des flottants et leurs support navigateur<\/p>\n

Des ressources gratuites<\/h2>\n

#Font<\/p>\n

Scratch Typeface<\/a>, une police \u201cUppercase\u201d \u00e0 t\u00e9l\u00e9charger gratuitement pour les titres et headlines inspir\u00e9e par la Gotham and Sans-Serif<\/p>\n

\"Scratch<\/p>\n

#Icons<\/p>\n

CaptainIconWeb<\/a> +350 Awesome \u00a0free vector icons to empower your mobile and web designs<\/p>\n

\"CaptainIconWeb\"<\/p>\n

Feather<\/a> : 130 free line icons. \u00a0The set is packaged in PSD, CSH, SVG and Webfont format.<\/p>\n

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

#Mobile<\/p>\n

Je me commanderais bien de ces petites templates pour tester du mobile<\/a><\/p>\n

\"touch-template\"<\/p>\n

#Color Accessibility<\/p>\n

Accessible Color Palette Evaluator<\/a>: un outil de test d\u2019accessibilit\u00e9 des couleurs avec un potentiel \u00a0int\u00e9ressant : vous pouvez \u00a0tester des palettes de couleur enti\u00e8res en une seule fois.<\/p>\n

Et s’il devait n’en rester qu’un ?<\/h2>\n

Cette semaine le lien qu’il ne nous fallait pas manqu\u00e9 est une nouveaut\u00e9 qui nous vient d’Adobe : \u00a0le lancement de Projectparfait.adobe.com<\/a>, un outil en ligne qui vous permet d\u2019extraire du PSD les valeurs de couleurs, tailles et typo sans avoir \u00e0 l\u2019ouvrir.<\/p>\n

\"Projectparfait.adobe.com\"<\/p>\n

Il existe \u00e9galement une alternative en beta cr\u00e9\u00e9e par Source : Avocode.com<\/a><\/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.). Cette semaine beaucoup de lectures consacr\u00e9es \u00e0 la mobilit\u00e9 : zones au touch, indicateur de chargement et attente, responsive …<\/p>\n","protected":false},"author":3,"featured_media":2665,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2663","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 2 mai 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 2 mai 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-2-mai-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 2 mai 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 2 mai 2014\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-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-05-02T08:36:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/05\/liens-semaine-2mai.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=\"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-2-mai-2014\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/\",\"name\":\"La semaine en pixels \u2013 2 mai 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-2-mai-2014\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/05\/liens-semaine-2mai.jpg\",\"datePublished\":\"2014-05-02T08:36:44+00:00\",\"dateModified\":\"2014-05-02T08:36:44+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 2 mai 2014\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/05\/liens-semaine-2mai.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/05\/liens-semaine-2mai.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 2 mai 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\":\"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 2 mai 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 2 mai 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-2-mai-2014\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 2 mai 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 2 mai 2014","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-05-02T08:36:44+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/05\/liens-semaine-2mai.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/","name":"La semaine en pixels \u2013 2 mai 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-2-mai-2014\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/05\/liens-semaine-2mai.jpg","datePublished":"2014-05-02T08:36:44+00:00","dateModified":"2014-05-02T08:36:44+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 2 mai 2014","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-2-mai-2014\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/05\/liens-semaine-2mai.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/05\/liens-semaine-2mai.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 2 mai 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":"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\/2663","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=2663"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2663\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2665"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2663"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2663"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}