{"id":2875,"date":"2014-07-04T08:35:18","date_gmt":"2014-07-04T06:35:18","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2875"},"modified":"2014-07-04T08:37:47","modified_gmt":"2014-07-04T06:37:47","slug":"semaine-en-pixels-4-juillet-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-2014\/","title":{"rendered":"La semaine en pixels \u2013 4 juillet 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.). Cette semaine devrait ravir nos amis front-d\u00e9veloppeurs avec des articles sur le rendu d’une page web, table-layout en CSS et content-width. Pour les designers, j’ai s\u00e9lectionn\u00e9 plusieurs articles parlant d’UX mais \u00e9galement de jolies r\u00e9alisations du c\u00f4t\u00e9 de la partie inspiration.<\/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

#UX<\/p>\n

UX Crash Course: User Pyschology<\/a>\u00a031\u00a0le\u00e7ons sur la psychologie de l’utilisateur<\/p>\n

\"ux<\/p>\n

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

#Performance web<\/p>\n

Performance Web \u2013 introduction<\/a> une petite introduction \u00e0 la performance web, en fran\u00e7ais :)<\/p>\n

#Graphisme #Travail Gratuit<\/p>\n

Travailgratuit.com<\/a>\u00a0<\/span>une lettre ouverte \u00e0 notre ministre pour d\u00e9noncer le travail gratuit comme mod\u00e8le de r\u00e9ussite en France. Quoi, vous ne l’avez pas encore sign\u00e9 ?!<\/p>\n

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

#CSS<\/p>\n

Fixed Table Layouts\u00a0<\/a>: tout ce que vous avez toujours voulu savoir sur la propri\u00e9t\u00e9 \u00a0table-layout:fixed en CSS<\/p>\n

#Multicultur<\/p>\n

Cultural contrasts: What happens when hostel guests are asked to place stickers next to their country of origin flags<\/a><\/p>\n

#Trolling level 100<\/p>\n

Graphic Designer Responds to Craigslist Ad by Texting a Series of Boner Logos<\/a><\/p>\n

#Front-Development<\/p>\n

What Every Frontend Developer Should Know About Webpage Rendering<\/a>\u00a0: ce que les int\u00e9grateurs doivent savoir sur le rendu des pages<\/p>\n

#CSS<\/p>\n

S<\/a>hrink-Wrap HTML containers with content-width<\/a>: jamais entendu parl\u00e9 de cette propri\u00e9t\u00e9 pourtant super utile, et vous ?<\/p>\n

\"Shrink-Wrap<\/p>\n

#E-commerce<\/p>\n

The ultimate guide to designing ecommerce websites<\/a>\u00a0un guide pour du design e-commerce<\/p>\n

#Autocomplete<\/p>\n

8 Design Patterns for Autocomplete Suggestions<\/a><\/p>\n

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

#Fonts<\/p>\n

14 Beautifully Creative, Hand Crafted Fonts for $29<\/a>\u00a0, un petit bundle bien tentant<\/p>\n

\"14<\/p>\n

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

#Typography<\/p>\n

Besoin d’inspiration pour de la typographie ?\u00a0A showcase of the best typefaces from the Google web fonts directory<\/a>.<\/p>\n

\"Typography\"<\/p>\n

#Propaganda Posters<\/p>\n

Was Grandma a Diseased Slut? War World 2 propaganda posters<\/a>, des posters de propagande de la seconde guerre mondiale<\/p>\n

\"Was<\/p>\n

#Illustration<\/p>\n

Face\/Bird\/Letter, beautiful drawing inspiration<\/a>, de jolies illustrations de femmes avec des oiseaux<\/p>\n

\"Face\/Bird\/Letter,<\/p>\n

#Instagram<\/p>\n

Ikea built a website inside Instagram<\/a>\u00a0ou comment Ikea a construit un site dans Instagram, tout simplement g\u00e9nial<\/p>\n

\"Ikea<\/p>\n

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

#Illustration<\/p>\n

How to Overprint Colors to Create Cool Print Effects<\/a><\/p>\n

\"How<\/p>\n

Des ressources utiles<\/h2>\n

#jQuery<\/p>\n

Un plugin de carousel en jQuery, si vraiment vous en avez besoin\u00a0owlcarousel.owlgraphic.com<\/a><\/p>\n

\"owlcarousel\"<\/p>\n

#Android<\/p>\n

Printable A4 Android Wear for sketching <\/a>: des templates pour de l’Android wear (Google Watch) \u00e0 imprimer pour vos designs et cr\u00e9\u00e9es par\u00a0@taylorling<\/a><\/p>\n

\"Printable<\/p>\n

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

#Photoshop<\/p>\n

Photoshopr<\/a>, un plugin Photoshop en cours de construction pour extraire les propri\u00e9t\u00e9s CSS de diff\u00e9rents calques<\/p>\n

#CSS #Preprocessors<\/p>\n

Comparez(csspre.com\/variables<\/a>) et convertir\u00a0(csspre.com\/conversion<\/a>)\u00a0diff\u00e9rentes syntaxes de preprocesseur<\/p>\n

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

#Bootstrap<\/p>\n

BOOTSTRA.386<\/a>\u00a0un petit th\u00e8me Bootstrap pour les nostalgiques de vieux ordinateurs<\/p>\n

\"BOOTSTRA.386\"<\/p>\n

Et pour finir le point \u00ab\u00a0wooot\u00a0\u00bb, mon illustration\u00a0\u00bbContent is like water<\/a>\u00a0\u00bb a fait une apparition dans une\u00a0Google I\/O conf\u00a0<\/a>:D<\/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.). Cette semaine devrait ravir nos amis front-d\u00e9veloppeurs avec des articles sur le rendu d’une page web, table-layout en CSS …<\/p>\n","protected":false},"author":3,"featured_media":2890,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2875","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 4 juillet 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 \u2013 4 juillet 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-4-juillet-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 4 juillet 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 \u2013 4 juillet 2014\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-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-07-04T06:35:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-07-04T06:37:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/07\/lienssemaine-4juillet.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-4-juillet-2014\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-2014\/\",\"name\":\"La semaine en pixels \u2013 4 juillet 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-4-juillet-2014\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-2014\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/lienssemaine-4juillet.jpg\",\"datePublished\":\"2014-07-04T06:35:18+00:00\",\"dateModified\":\"2014-07-04T06:37:47+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 \u2013 4 juillet 2014\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-2014\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-2014\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/lienssemaine-4juillet.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/lienssemaine-4juillet.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 4 juillet 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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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 4 juillet 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 \u2013 4 juillet 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-4-juillet-2014\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 4 juillet 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 \u2013 4 juillet 2014","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-2014\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-07-04T06:35:18+00:00","article_modified_time":"2014-07-04T06:37:47+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/07\/lienssemaine-4juillet.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-4-juillet-2014\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-2014\/","name":"La semaine en pixels \u2013 4 juillet 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-4-juillet-2014\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/lienssemaine-4juillet.jpg","datePublished":"2014-07-04T06:35:18+00:00","dateModified":"2014-07-04T06:37:47+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 \u2013 4 juillet 2014","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-2014\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-4-juillet-2014\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/lienssemaine-4juillet.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/07\/lienssemaine-4juillet.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 4 juillet 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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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\/2875","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=2875"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2875\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2890"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}