{"id":2836,"date":"2014-06-20T08:00:52","date_gmt":"2014-06-20T06:00:52","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2836"},"modified":"2014-06-19T21:57:06","modified_gmt":"2014-06-19T19:57:06","slug":"semaine-en-pixels-20-juin-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/","title":{"rendered":"La semaine en pixels \u2013 20 juin 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 vous ne devez surtout pas manquer le futur du CSS avec les blend modes, CSS shapes et CSS masks. Du c\u00f4t\u00e9 de l’inspiration de jolies choses dont un site qui vous propose de l’inspiration d’interface class\u00e9 par composant. 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

#CSS Cutting-edge CSS Features: Blend modes, masking and shapes<\/a>, le future du CSS est vraiment TRES cool \"Cutting-edge<\/p>\n

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

#Logos Et donc, quel genre de logo on peut avoir pour 5$ ?\u00a0SachaGreif<\/a> a test\u00e9 des designers sur le service fiverr.com : The 5$ Logo<\/a>. \"The #Design I don\u2019t know how to design<\/a> une jolie lecture a great read on design #CSS Color Name #663399 \u201cBecca Purple\u201d in CSS4 Color?<\/a> en hommage \u00e0 l\u2019impact de @meyerweb, la communaut\u00e9 propos\u00e9 de cr\u00e9er un nom de couleur CSS en m\u00e9moire de sa fille #Mobile Video: Using Radio Groups for Input<\/a> Luke Wroblewski sur l\u2019utilisation de boutons radios et \u00e9l\u00e9ments de formulaire pour les utilisateurs mobiles \"Video: #Typography Understanding the pixel grid<\/a> quelques astuces pour vous aider \u00e0 aligner correctement les font-icons sur vos sites \"pixel #Blog Moving from Jekyll to Mixture<\/a>, passer de Jekyll \u00e0 Mixture par @HugoGiraudel<\/a> : liquid FTW !!<\/p>\n

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

#Apple #Responsive Bad News for Online Retailers with Separate Mobile Websites: Apple Introduces ‘Handoff’ at WWDC<\/a> Apple annonce Handoff, une nouvelle fonctionnalit\u00e9 qui permet aux utilisateurs de passer leur site entre diff\u00e9rents appareils, ce qui signifie une mauvaise nouvelle pour les sites didi\u00e9s qui ne s\u2019adaptent g\u00e9n\u00e9ralement pas \u00e0 la taille de l\u2019appareil sans un refresh.) \"Bad<\/p>\n

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

#Inspiration #UI \u00a0#Components Call to Idea<\/a>: une source d\u2019inspiration pour de l\u2019interface class\u00e9es par cat\u00e9gorie de composants, pratique quand on cherche quelque chose de sp\u00e9cifique \"Call<\/p>\n

#Object 15 Ingenious Objects You Can 3d Print At Home<\/a>, voil\u00e0, il me faut une imprimante 3D pour imprimer les supports pour mobile <3 #Motion Justinmezzell.tumblr.com<\/a>: du motion design et de jolies petites choses qui bougent :) \"motionstudy\"<\/p>\n

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

#CSS<\/p>\n

Nice and subtle hover effect for image thumbnails<\/a>\u00a0de jolis effets de survol d\u2019image sur Codrops\"Nice<\/p>\n

Des ressources utiles<\/h2>\n

#Template A collection of 841 free CSS and HTML5 site templates<\/a> une collection de templates HTML\/CSS sous licence Creative Commons \"A<\/p>\n

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

#CSS Gradients New CSS gradient possibilities with the background-blend-mode property<\/a>: de nouvelles possibilit\u00e9s pour faire des fonds originaux \u00e0 partir de d\u00e9grad\u00e9s et modes de fusion \"New Et juste pour rire, un langage de programmation enti\u00e8rement compos\u00e9 de citations d\u2019Arnold Schwarzenegger<\/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 vous ne devez surtout pas manquer le futur du CSS avec les blend modes, CSS shapes et …<\/p>\n","protected":false},"author":3,"featured_media":2843,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2836","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 juin 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 20 juin 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-20-juin-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 20 juin 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 20 juin 2014\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-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-06-20T06:00:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-06-19T19:57:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/06\/semainepixel20juin2014.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=\"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\/semaine-en-pixels-20-juin-2014\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/\",\"name\":\"La semaine en pixels \u2013 20 juin 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-20-juin-2014\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/06\/semainepixel20juin2014.jpg\",\"datePublished\":\"2014-06-20T06:00:52+00:00\",\"dateModified\":\"2014-06-19T19:57:06+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 20 juin 2014\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/06\/semainepixel20juin2014.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/06\/semainepixel20juin2014.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 20 juin 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 20 juin 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 20 juin 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-20-juin-2014\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 20 juin 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 20 juin 2014","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-06-20T06:00:52+00:00","article_modified_time":"2014-06-19T19:57:06+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/06\/semainepixel20juin2014.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/","name":"La semaine en pixels \u2013 20 juin 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-20-juin-2014\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/06\/semainepixel20juin2014.jpg","datePublished":"2014-06-20T06:00:52+00:00","dateModified":"2014-06-19T19:57:06+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 20 juin 2014","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-20-juin-2014\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/06\/semainepixel20juin2014.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/06\/semainepixel20juin2014.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 20 juin 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\/2836","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=2836"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2836\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2843"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}