{"id":4203,"date":"2015-07-17T08:18:23","date_gmt":"2015-07-17T06:18:23","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4203"},"modified":"2015-07-17T08:18:23","modified_gmt":"2015-07-17T06:18:23","slug":"la-semaine-en-pixels-17-juillet-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-juillet-2015\/","title":{"rendered":"La semaine en pixels \u2013 17 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>

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 : un article de fond sur le m\u00e9tier d’int\u00e9grateur et un petit tour dans le pass\u00e9 avant l’invention de Photoshop, de tr\u00e8s jolis sites pour votre inspiration si vous \u00eates fans d’illustrations, de licornes, de tatouages g\u00e9om\u00e9triques\u00a0et\u00a0de pantone, l’objet cute de la semaine qui sert \u00e0 rien mais quand m\u00eame, du SVG et 12 CSS facts. Ne manquez pas la section ressources tr\u00e8s fournie cette semaine : boutons responsive, d\u00e9grad\u00e9s CSS \u00e0 partir d’images, pr\u00e9sentation de maquettes responsive en ligne, g\u00e9n\u00e9rateur de formes SVG, plugin Photoshop pour avoir des variables et photos en CC0.<\/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

#Front Developer<\/p>\n

The boring front-end developer<\/a>, un excellent article \u00e0 lire absolument sur le d\u00e9veloppeur front pas funky qui cherche pas forc\u00e9ment \u00e0 jouer avec les derni\u00e8res technologies mais \u00e0 r\u00e9pondre aux besoins de tous les utilisateurs du site.<\/p>\n

\"The<\/p>\n

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

#Photoshop<\/p>\n

Before there was Photoshop<\/a>, une petite vid\u00e9o qui explique comment les mises en page se faisaient avant l\u2019arriv\u00e9e de logiciels comme Photoshop<\/p>\n

\"Before<\/p>\n

#Formulaire #Utilisabilit\u00e9<\/p>\n

How Form Usability Can Increase Your E-commerce Conversions<\/a>, ou comment augmenter la conversion e-commerce des formulaires<\/p>\n

\"How<\/p>\n

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

#Cute<\/p>\n

Je veux une de ces petites boites avec un panda voleur de monnaie<\/a> (c\u2019est une tirelire il me semble)<\/p>\n

\"coin<\/p>\n

#Blog<\/p>\n

Becomeadinosaur.com<\/a> le blog coup de coeur du jour, entre illustrations, DIY, recettes yumies et licornes <3<\/p>\n

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

#Facebook #Trend<\/p>\n

What if Facebook started in 2015<\/a>, \u00e0 quoi ressemblerait le design de Facebook si la startup avait \u00e9t\u00e9 cr\u00e9\u00e9e en 2015<\/p>\n

\"What<\/p>\n

#Tatouages<\/p>\n

Je suis amoureuse du style g\u00e9om\u00e9trique tout en petits points de cette tatoueuse : bicem-sinik.tumblr.com<\/a><\/p>\n

\"bicem-sinik.tumblr.com\"<\/p>\n

#Instagram #Photos #Pantone<\/p>\n

Tinypmsmatch<\/a> Pantone + petits objets du quotidien = \u00a0<3<\/p>\n

\"Tinypmsmatch<\/p>\n

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

#SVG<\/p>\n

SVGs in background-image as data uris<\/a>, des techniques pour du SVG en image de fond CSS compress\u00e9 en data uri<\/p>\n

#CSS<\/p>\n

12 Little-Known CSS Facts (The Sequel) <\/a>, 12 \u201cle saviez-vous?\u201d CSS<\/p>\n

Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n

#Boutons de partage<\/p>\n

Des boutons de partage l\u00e9gers et responsive : Ridiculously Responsive Social Sharing Buttons<\/a><\/p>\n

\"Ridiculously<\/p>\n

#Gradient<\/p>\n

Gradifycss.com<\/a> cr\u00e9e des d\u00e9grad\u00e9s CSS \u00e0 partir des couleurs dominante d\u2019une image, \u00e7a pourrait \u00eatre une id\u00e9e sympa de placeholder en attendant que les images se chargent en lazy-loading<\/p>\n

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

#Mockups<\/p>\n

Mocktotype.com<\/a> un outil pour pr\u00e9senter vos maquette en ligne avec une vue responsive plut\u00f4t pratique<\/a><\/p>\n

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

#SVG<\/p>\n

Un g\u00e9n\u00e9rateur de formes simples en SVG<\/a> en ligne<\/p>\n

\"path-svg\"<\/p>\n

#Variables<\/p>\n

Ditto<\/a> une extension Photoshop pour y utiliser des variables, \u00e7a peut-\u00eatre pratique<\/p>\n

\"Ditto\"<\/p>\n

#Photos<\/p>\n

Trouver de jolies images libres et gratuites en CC0 pour vos projets<\/a><\/p>\n

\"Trouver<\/p>\n

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

#Slider<\/p>\n

Modern, Usable, Responsive Sliders<\/a>, des\u00a0sliders responsives<\/p>\n

\"Modern,<\/p>\n

#JS<\/p>\n

Sneeze the Dragon<\/a> la d\u00e9mo cute de la semaine<\/p>\n

\"Sneeze<\/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 : un article de fond sur le m\u00e9tier d’int\u00e9grateur et un petit tour dans le …<\/p>\n","protected":false},"author":3,"featured_media":4188,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4203","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nLa semaine en pixels \u2013 17 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 :\u00a0le m\u00e9tier d'int\u00e9grateur, illustrations, licornes, tatouages g\u00e9om\u00e9triques, du SVG et 12 CSS facts, des boutons responsive, d\u00e9grad\u00e9s CSS \u00e0 partir d'images, pr\u00e9sentation de maquettes responsive en ligne, g\u00e9n\u00e9rateur de formes SVG, plugin Photoshop pour avoir des variables et photos en CC0.\u00a0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-2981.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 17 juillet 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer :\u00a0le m\u00e9tier d'int\u00e9grateur, illustrations, licornes, tatouages g\u00e9om\u00e9triques, du SVG et 12 CSS facts, des boutons responsive, d\u00e9grad\u00e9s CSS \u00e0 partir d'images, pr\u00e9sentation de maquettes responsive en ligne, g\u00e9n\u00e9rateur de formes SVG, plugin Photoshop pour avoir des variables et photos en CC0.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-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-17T06:18:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/07\/liens-semaine-17juillet.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-17-juillet-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-juillet-2015\/\",\"name\":\"La semaine en pixels \u2013 17 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-17-juillet-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-juillet-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-17juillet.jpg\",\"datePublished\":\"2015-07-17T06:18:23+00:00\",\"dateModified\":\"2015-07-17T06:18:23+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer :\u00a0le m\u00e9tier d'int\u00e9grateur, illustrations, licornes, tatouages g\u00e9om\u00e9triques, du SVG et 12 CSS facts, des boutons responsive, d\u00e9grad\u00e9s CSS \u00e0 partir d'images, pr\u00e9sentation de maquettes responsive en ligne, g\u00e9n\u00e9rateur de formes SVG, plugin Photoshop pour avoir des variables et photos en CC0.\u00a0\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-juillet-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-juillet-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-17juillet.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-17juillet.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 17 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 17 juillet 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer :\u00a0le m\u00e9tier d'int\u00e9grateur, illustrations, licornes, tatouages g\u00e9om\u00e9triques, du SVG et 12 CSS facts, des boutons responsive, d\u00e9grad\u00e9s CSS \u00e0 partir d'images, pr\u00e9sentation de maquettes responsive en ligne, g\u00e9n\u00e9rateur de formes SVG, plugin Photoshop pour avoir des variables et photos en CC0.\u00a0","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-17-juillet-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 17 juillet 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer :\u00a0le m\u00e9tier d'int\u00e9grateur, illustrations, licornes, tatouages g\u00e9om\u00e9triques, du SVG et 12 CSS facts, des boutons responsive, d\u00e9grad\u00e9s CSS \u00e0 partir d'images, pr\u00e9sentation de maquettes responsive en ligne, g\u00e9n\u00e9rateur de formes SVG, plugin Photoshop pour avoir des variables et photos en CC0.\u00a0","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-juillet-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-07-17T06:18:23+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/07\/liens-semaine-17juillet.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-17-juillet-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-juillet-2015\/","name":"La semaine en pixels \u2013 17 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-17-juillet-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-juillet-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-17juillet.jpg","datePublished":"2015-07-17T06:18:23+00:00","dateModified":"2015-07-17T06:18:23+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer :\u00a0le m\u00e9tier d'int\u00e9grateur, illustrations, licornes, tatouages g\u00e9om\u00e9triques, du SVG et 12 CSS facts, des boutons responsive, d\u00e9grad\u00e9s CSS \u00e0 partir d'images, pr\u00e9sentation de maquettes responsive en ligne, g\u00e9n\u00e9rateur de formes SVG, plugin Photoshop pour avoir des variables et photos en CC0.\u00a0","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-juillet-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-17-juillet-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-17juillet.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/07\/liens-semaine-17juillet.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 17 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\/4203"}],"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=4203"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4203\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4188"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}