{"id":3670,"date":"2015-02-27T08:12:05","date_gmt":"2015-02-27T07:12:05","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3670"},"modified":"2015-02-27T08:27:50","modified_gmt":"2015-02-27T07:27:50","slug":"la-semaine-en-pixels-27-fevrier-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-2015\/","title":{"rendered":"La semaine en pixels \u2013 27 f\u00e9vrier 2015"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 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 : \u00a0typographie (bullshit ligature et un outil pour cr\u00e9er vos propres fonts), principes de design, d\u00e9mos SVG plut\u00f4t impressionnantes, avoir l\u2019ai intelligent avec litt\u00e9ralement rien \u00e0 pr\u00e9senter \u00e0 un TEDx, animation, un\u00a0tutoriel CSS pour am\u00e9liorer l\u2019UX des menus d\u00e9roulants \u00e0 plusieurs niveaux, un outils d’accessibilit\u00e9 et outil de design d’interface<\/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

#Bullshit #Font<\/p>\n

Sans Bullshit Sans<\/a>, la police d\u2019\u00e9criture qui utilise les ligatures pour remplacer votre bullshit buzzword \u00a0:D<\/p>\n

\"Sans<\/p>\n

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

#Design<\/p>\n

Design Principles<\/a>\u00a0: des principes de design transpos\u00e9s de l\u2019architecture du design de produit<\/p>\n

\"Design<\/p>\n

#Performance #UX<\/p>\n

UX Tactics To Make Slow Things Seem Faster<\/a>, techniques et astuces d\u2019UX pour faire croire que votre interface est rapide m\u00eame quand elle ne l\u2019est pas<\/p>\n

#Animations<\/p>\n

Invisible animation<\/a>, ces petits animations Mailchimp qui am\u00e9liorent l\u2019exp\u00e9rience : \u00ab\u00a0Good animation is invisible. You shouldn\u2019t notice that you\u2019re looking at animation.\u00a0\u00bb<\/p>\n

\"Invisible<\/p>\n

#Presentation<\/p>\n

Presentation Tips That Will Win You Clients<\/a>, quelques conseils pour pr\u00e9senter vos projets<\/p>\n

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

#Medium<\/p>\n

TextShots<\/a> , la nouvelle super id\u00e9e de medium : prendre un screenshot directement de ce que l\u2019utilisateur \u00e0 surlign\u00e9 pour qu\u2019il puisse partager plus de 140 caract\u00e8res sur twitter,<\/p>\n

\"TextShots\"<\/p>\n

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

# Photos<\/p>\n

.@Interstellar won #Oscars2015 for visual effects. Here’s a visual of Earth. No effects<\/a>, des photos de la terre sans effets sp\u00e9ciaux sur le compte intagram de la NASA<\/p>\n

\"NASA\"<\/p>\n

#Design #Video<\/p>\n

J\u2019aime beaucoup le message de cette vid\u00e9o : Designing for Humans<\/a> (j\u2019ajouterais \u201call of them\u201d)<\/p>\n

#Video #TEDx<\/p>\n

How to sound smart in your TEDx Talk<\/a>, comment avoir l\u2019air super intelligent dans votre conf \u00e0 TEDx avec rien \u00e0 pr\u00e9senter.<\/p>\n

\"How<\/p>\n

#Illustration<\/p>\n

Gotham Masquerade<\/a>, les h\u00e9ros et m\u00e9chants de Batman revisit\u00e9s version f\u00e9minine<\/p>\n

\"Gotham<\/p>\n

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

#CSS<\/p>\n

Extending the Color Cascade with the CSS currentColor Variable<\/a>, utiliser currentColor en CSS pour faire h\u00e9riter la couleur du parent, par SaraSoueidan<\/p>\n

#CSS #UX<\/p>\n

Dropdown Menus with More Forgiving Mouse Movement Paths<\/a>, un tutoriel pour rendre les menu \u00e0 plusieurs niveaux plus utilisateurs<\/p>\n

\"Dropdown<\/p>\n

Des ressources utiles<\/h2>\n

#Font<\/p>\n

Morning procrastination : cr\u00e9ez de moduler votre propre police d\u2019\u00e9criture gr\u00e2ce au Metaflop Font Modulator<\/a><\/p>\n

\"Metaflop<\/p>\n

#CSS<\/p>\n

Le mus\u00e9e des techniques de remplacement d\u2019image sur CSS tricks<\/a><\/p>\n

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

#A11Y<\/p>\n

Contrast<\/a>, un outil en ligne qui vous permet de jouer avec la luminescence et la saturation des couleurs pour mieux comprendre le principe de couleur accessible<\/p>\n

\"Contrast\"<\/p>\n

#Design Tool<\/p>\n

Atomic<\/a>, un outil de design d\u2019interface avec des fonctionnalit\u00e9s de prototypage et de versionning qui m\u2019a l\u2019ai prometteur<\/p>\n

\"Atomic\"<\/p>\n

#Watch<\/p>\n

Un jolie id\u00e9e pour tester vos designs de Smart Watch sans avoir l\u2019appareil<\/a><\/p>\n

\"smartwatch\"<\/p>\n

#Icons<\/p>\n

Subway Icon Set<\/a>, un pack de 360 ic\u00f4nes publi\u00e9es sous CC-BY-0.4<\/p>\n

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

#SVG<\/p>\n

Arr\u00eatez tout, vous ne verrez pas de meilleur Codepen aujourd\u2019hui : SVG masking experiment<\/a><\/p>\n

\"SVG<\/p>\n

#CSS #SVG<\/p>\n

CSS and SVG Pacman demo<\/a><\/p>\n

\"CSS<\/p>\n

#Video<\/p>\n

\u00ab\u00a0FYI I’M A GRAPHIC DESIGNER\u00a0\u00bb, les r\u00e9pliques de films qui t\u2019expliquent ce qu\u2019est un designer <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 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 : \u00a0typographie (bullshit ligature et un outil pour cr\u00e9er vos propres fonts), principes de design, d\u00e9mos SVG …<\/p>\n","protected":false},"author":3,"featured_media":3661,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-3670","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 27 f\u00e9vrier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer : typographie (bullshit ligature), principes de design, des d\u00e9mos SVG, avoir l\u2019ai intelligent \u00e0 un TEDx, animation et du tutoriel CSS pour am\u00e9liorer l\u2019UX\" \/>\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\/la-semaine-en-pixels-27-fevrier-2015\/\" \/>\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 27 f\u00e9vrier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer : typographie (bullshit ligature), principes de design, des d\u00e9mos SVG, avoir l\u2019ai intelligent \u00e0 un TEDx, animation et du tutoriel CSS pour am\u00e9liorer l\u2019UX\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-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-02-27T07:12:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-02-27T07:27:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/02\/liensemaine-27fev.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\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-27-fevrier-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-2015\/\",\"name\":\"La semaine en pixels \u2013 27 f\u00e9vrier 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-27-fevrier-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/02\/liensemaine-27fev.jpg\",\"datePublished\":\"2015-02-27T07:12:05+00:00\",\"dateModified\":\"2015-02-27T07:27:50+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer : typographie (bullshit ligature), principes de design, des d\u00e9mos SVG, avoir l\u2019ai intelligent \u00e0 un TEDx, animation et du tutoriel CSS pour am\u00e9liorer l\u2019UX\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/02\/liensemaine-27fev.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/02\/liensemaine-27fev.jpg\",\"width\":800,\"height\":350,\"caption\":\"La semaine en pixels \u2013 17 f\u00e9vrier 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 27 f\u00e9vrier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer : typographie (bullshit ligature), principes de design, des d\u00e9mos SVG, avoir l\u2019ai intelligent \u00e0 un TEDx, animation et du tutoriel CSS pour am\u00e9liorer l\u2019UX","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-27-fevrier-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 27 f\u00e9vrier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer : typographie (bullshit ligature), principes de design, des d\u00e9mos SVG, avoir l\u2019ai intelligent \u00e0 un TEDx, animation et du tutoriel CSS pour am\u00e9liorer l\u2019UX","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-02-27T07:12:05+00:00","article_modified_time":"2015-02-27T07:27:50+00:00","og_image":[{"width":800,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/02\/liensemaine-27fev.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-27-fevrier-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-2015\/","name":"La semaine en pixels \u2013 27 f\u00e9vrier 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-27-fevrier-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/02\/liensemaine-27fev.jpg","datePublished":"2015-02-27T07:12:05+00:00","dateModified":"2015-02-27T07:27:50+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer : typographie (bullshit ligature), principes de design, des d\u00e9mos SVG, avoir l\u2019ai intelligent \u00e0 un TEDx, animation et du tutoriel CSS pour am\u00e9liorer l\u2019UX","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-fevrier-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/02\/liensemaine-27fev.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/02\/liensemaine-27fev.jpg","width":800,"height":350,"caption":"La semaine en pixels \u2013 17 f\u00e9vrier 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\/3670","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=3670"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/3670\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/3661"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=3670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=3670"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=3670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}