{"id":4134,"date":"2015-07-03T07:45:23","date_gmt":"2015-07-03T05:45:23","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4134"},"modified":"2015-07-03T07:45:23","modified_gmt":"2015-07-03T05:45:23","slug":"la-semaine-en-pixels-3-juillet-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-2015\/","title":{"rendered":"La semaine en pixels \u2013 3 juillet 2015"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

 <\/p>\n

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 :\u00a0bookmarklet gratuit\u00a0pour tester l’accessibilit\u00e9 d’un site, SEO et UX, Couleurs et conversion, les nouveaut\u00e9s webview Safari et Android Chrome, du CSS (box-model, block formating context, background-image:fixed, images responsive et mega dropdown responsive), de jolis posters, un nouveau logo pour Facebook, des ressources JS pour d\u00e9tecter la position au scroll, du g\u00e9n\u00e9rateur material design sans oublier un petit jeu typo geek pour procrastiner et un lion qui se la coule douce<\/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

#a11y<\/p>\n

Tota11y<\/a>, un bookmarklet pour tester l\u2019accessibilit\u00e9 de vos sites<\/p>\n

\"Tota11y\"<\/p>\n

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

#Design<\/p>\n

The importance of avoiding bad stock art<\/a>, a primer for those who are unaware, ou pourquoi les stock photo \u00e7a fonctionne rarement et des conseils pour vous aider \u00e0 mieux choisir les photos de vos sites<\/p>\n

\"The<\/p>\n

#UX<\/p>\n

UX et SEO : faut-il les marier ?<\/a> un joli article chez axe-net<\/p>\n

#Design<\/p>\n

How Beats Tricks You Into Thinking It Makes A Premium Product<\/a><\/p>\n

#Design<\/p>\n

Color vs Contrast: Which one brings more conversion?<\/a> Couleur VS contraste, lequel va augmenter votre taux de conversion ?<\/p>\n

\"Color<\/p>\n

#iOS<\/p>\n

iOS 9 and Safari View Controller: The Future of Web Views<\/a>, les nouveaut\u00e9s des webviews dans iOS, et Chrome Custom Tabs<\/a>, les nouveaut\u00e9s webviews pour Android<\/p>\n

\"iOS<\/p>\n

#Design<\/p>\n

The Roots of Minimalism in Web Design<\/a>, les racines du design minimaliste<\/p>\n

#CSS<\/p>\n

Une technique int\u00e9ressante d\u2019image de fond fix\u00e9e plus performante<\/a> en utilisant un :before, toujours un background-image mais un position:fixed and will-change<\/p>\n

#CSS<\/p>\n

Aujourd\u2019hui, petite session de retour aux bases du CSS : comprendre le \u00a0box-model<\/a> \u00a0et comprendre le \u00a0block formatting contexts <\/a><\/p>\n

#Slides #Favicon<\/p>\n

Death to Icon Fonts<\/a> pourquoi les font icons posent des soucis parfois et pourquoi il vaut mieux utiliser du SVG<\/p>\n

\"Death<\/p>\n

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

#Poster #SPOILER<\/p>\n

Spoiler Poster Collection<\/a>, des posters qui vous spoilent la fin des films, je vous aurai pr\u00e9venu<\/p>\n

\"Spoiler<\/p>\n

#Video<\/p>\n

Amaro and Walden’s Joyride<\/a>, de la petite vid\u00e9o bien sympa qui m\u00e9lange dessin et montage vid\u00e9o<\/p>\n

\"Amaro<\/p>\n

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

#Facebook<\/p>\n

Facebook a un nouveau logo<\/a><\/p>\n

\"Facebook<\/p>\n

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

#CSS<\/p>\n

When Responsive Images Get Ugly<\/a>, longue lecture sur les images responsive<\/p>\n

#CSS<\/p>\n

Une d\u00e9mo de mega Dropdown responsive, Amazon style<\/a><\/p>\n

\"Une<\/p>\n

Des ressources utiles<\/h2>\n

#JS<\/p>\n

ScrollWatch<\/a>, un script pour du lazy loading, de l\u2019infinite scrolling et tout ce qui va n\u00e9cessiter de d\u00e9tecter la position de la barre de d\u00e9filement.<\/p>\n

\"ScrollWatch\"<\/p>\n

#Material<\/p>\n

Material Design Palette Generator<\/a>, un g\u00e9n\u00e9rateur de palette de couleur material design<\/p>\n

\"Material<\/p>\n

 <\/p>\n

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

#JS<\/p>\n

La d\u00e9mo super choupi du jour: Chill the lion<\/a>\u00a0(moi aussi je veux du vent)<\/p>\n

\"Chill<\/p>\n

#Jeu #Star Wars #Typograhie<\/p>\n

Start wars + Typography + Procrastination = epic morning win<\/a><\/p>\n

\"Start<\/p>\n

#Prime<\/p>\n

Fun with prime<\/a>, la d\u00e9mo codepen sympa du jour, mettez la en pause au bout d\u2019un moment par contre si vous tenez \u00e0 votre CPU<\/p>\n

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

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 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 :\u00a0bookmarklet gratuit\u00a0pour tester l’accessibilit\u00e9 d’un site, SEO et UX, Couleurs et conversion, les nouveaut\u00e9s …<\/p>\n","protected":false},"author":3,"featured_media":4149,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4134","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 3 juillet 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <meta name=\"description\" content=\"A ne pas manquer :\u00a0tester l'accessibilit\u00e9, SEO et UX, couleurs et conversion, CSS box-model, block formating context, background-image:fixed, images responsive et mega dropdown responsive.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3045.html \/>\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 3 juillet 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer :\u00a0tester l'accessibilit\u00e9, SEO et UX, couleurs et conversion, CSS box-model, block formating context, background-image:fixed, images responsive et mega dropdown responsive.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-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-07-03T05:45:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/07\/liens-semaine-03juillet.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\/la-semaine-en-pixels-3-juillet-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-2015\/\",\"name\":\"La semaine en pixels \u2013 3 juillet 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-3-juillet-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-03juillet.jpg\",\"datePublished\":\"2015-07-03T05:45:23+00:00\",\"dateModified\":\"2015-07-03T05:45:23+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer :\u00a0tester l'accessibilit\u00e9, SEO et UX, couleurs et conversion, CSS box-model, block formating context, background-image:fixed, images responsive et mega dropdown responsive.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-03juillet.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-03juillet.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 3 juillet 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\":\"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 3 juillet 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer :\u00a0tester l'accessibilit\u00e9, SEO et UX, couleurs et conversion, CSS box-model, block formating context, background-image:fixed, images responsive et mega dropdown responsive.","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-3-juillet-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 3 juillet 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer :\u00a0tester l'accessibilit\u00e9, SEO et UX, couleurs et conversion, CSS box-model, block formating context, background-image:fixed, images responsive et mega dropdown responsive.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-07-03T05:45:23+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/07\/liens-semaine-03juillet.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\/la-semaine-en-pixels-3-juillet-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-2015\/","name":"La semaine en pixels \u2013 3 juillet 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-3-juillet-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-03juillet.jpg","datePublished":"2015-07-03T05:45:23+00:00","dateModified":"2015-07-03T05:45:23+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer :\u00a0tester l'accessibilit\u00e9, SEO et UX, couleurs et conversion, CSS box-model, block formating context, background-image:fixed, images responsive et mega dropdown responsive.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-3-juillet-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-03juillet.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-03juillet.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 3 juillet 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":"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\/4134"}],"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=4134"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4134\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4149"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}