{"id":5961,"date":"2016-11-25T13:26:25","date_gmt":"2016-11-25T12:26:25","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5961"},"modified":"2016-11-27T13:43:14","modified_gmt":"2016-11-27T12:43:14","slug":"semaine-pixels-25-novembre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/","title":{"rendered":"La semaine en pixels \u2013 25 novembre 2016"},"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, \u00a0un 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 web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n

Au programme : les symboles imbriqu\u00e9s de Sketch qui vont changer votre vie de designer, des progressive web apps (encore), du test utilisateur de boutons, utiliser dribbble en tant qu’UX designer, un peu de tutoriels CSS et breakpoints, de jolis effets au survol et deux petits outils tr\u00e8s pratique pour copier des calques Photoshop et tester des polices d’\u00e9criture au chargement.<\/p>\n

Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

tl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n

#Sketch<\/p>\n

Sketch symbol best practices (now that nested overrides are a thing)<\/a>, de bonnes pratiques pour les symboles imbriqu\u00e9s dans Sketch<\/p>\n

\"\"<\/p>\n

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

#Progressive Web Apps<\/p>\n

Why Native Apps Really are Doomed: Native Apps are Doomed pt 2<\/a>, le retour du d\u00e9bat applications natives vs progressive web apps, est-ce la fin des applications natives ?<\/p>\n

\"\"<\/p>\n

#User Testing<\/p>\n

How I Was Studying 3 Buttons for 20 Hours<\/a>, une lecture tr\u00e8s int\u00e9ressante sur la mise en place d\u2019un test utilisateur<\/p>\n

\"\"<\/p>\n

 <\/p>\n

#Dribbble<\/p>\n

A UX Designer\u2019s Guide to Using Dribbble<\/a>, quelques conseils pour utiliser dribbble en tant que UX designer, je fais un peu pareil sur la partie UI pattern :)<\/p>\n

\"\"<\/p>\n

#Mac<\/p>\n

The new MacBook Pro is kind of great for hackers<\/a>, pas mal de gens r\u00e2lent sur le nouveau macbook avec uniquement du port USB-C, mais au final sur le long terme on va pouvoir faire pas mal de choses avec.<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

The 100% correct way to do CSS breakpoints<\/a>, ou comment faire des breakpoints efficaces en CSS<\/p>\n

\"\"<\/p>\n

#Video #Mobile<\/p>\n

Aidez moi \u00e0 remplir vos formulaires mobile !<\/a>, la vid\u00e9o de ma conf \u00e0 @blendwebmix<\/a> (son d\u00e9cal\u00e9 par contre, d\u00e9sol\u00e9e)<\/p>\n

\"\"<\/p>\n

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

#CSS #Hover<\/p>\n

Tilt Hover Effects<\/a>, de jolis effets au survol<\/p>\n

\"\"<\/p>\n

#Photos<\/p>\n

Beards in kimonos<\/a>, what else?<\/p>\n

\"\"<\/p>\n

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

#Photoshop<\/p>\n

copio.pluginmate.com<\/a> un peu dommage d\u2019avoir besoin d\u2019un plugin pour faire un copier coller entre deux fichiers dans Photoshop, mais bon<\/p>\n

\"\"<\/p>\n

#Font<\/p>\n

Font-style-matcher<\/a>, un petit outil pour tester la superposition de deux polices au chargement (FOUC) pour proposer des fallbacks<\/p>\n

\"\"<\/p>\n

#Mockup<\/p>\n

mockuuups.studio<\/a> un petit outil pour pr\u00e9senter des maquettes mobiles dans des faux Iphones avec des mains :D<\/p>\n

\"\"<\/p>\n

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

#Fun<\/p>\n

Procrastination time<\/a>, attention \u00e7a joue du son<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Motion Path CSS loader<\/a> un loader CSS fait \u00e0 partir de plusieurs \u00e9l\u00e9ments anim\u00e9s en suivant un chemin (support\u00e9 sur Chrome et Opera)<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Hhahaa, je vous propose de passer la matin\u00e9e \u00e0 regarder ce crayon<\/a><\/p>\n

\"\"<\/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, \u00a0un 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 web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc. Au programme : les symboles imbriqu\u00e9s de Sketch qui vont changer votre vie de designer, des progressive web apps …<\/p>\n","protected":false},"author":3,"featured_media":5954,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5961","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 25 novembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0les symboles imbriqu\u00e9s de Sketch, progressive web apps (encore), test utilisateur de boutons, utiliser dribbble en tant qu'UX designer, CSS et breakpoints, copier des calques Photoshope et tester des polices d'\u00e9criture au chargement.\" \/>\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-pixels-25-novembre-2016\/\" \/>\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 25 novembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0les symboles imbriqu\u00e9s de Sketch, progressive web apps (encore), test utilisateur de boutons, utiliser dribbble en tant qu'UX designer, CSS et breakpoints, copier des calques Photoshope et tester des polices d'\u00e9criture au chargement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/\" \/>\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=\"2016-11-25T12:26:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-11-27T12:43:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/11\/liensemaine-25novembre.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=\"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-pixels-25-novembre-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/\",\"name\":\"La semaine en pixels \u2013 25 novembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/11\/liensemaine-25novembre.jpg\",\"datePublished\":\"2016-11-25T12:26:25+00:00\",\"dateModified\":\"2016-11-27T12:43:14+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0les symboles imbriqu\u00e9s de Sketch, progressive web apps (encore), test utilisateur de boutons, utiliser dribbble en tant qu'UX designer, CSS et breakpoints, copier des calques Photoshope et tester des polices d'\u00e9criture au chargement.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/11\/liensemaine-25novembre.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/11\/liensemaine-25novembre.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 25 novembre 2016\"},{\"@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 25 novembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0les symboles imbriqu\u00e9s de Sketch, progressive web apps (encore), test utilisateur de boutons, utiliser dribbble en tant qu'UX designer, CSS et breakpoints, copier des calques Photoshope et tester des polices d'\u00e9criture au chargement.","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-pixels-25-novembre-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 25 novembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0les symboles imbriqu\u00e9s de Sketch, progressive web apps (encore), test utilisateur de boutons, utiliser dribbble en tant qu'UX designer, CSS et breakpoints, copier des calques Photoshope et tester des polices d'\u00e9criture au chargement.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-11-25T12:26:25+00:00","article_modified_time":"2016-11-27T12:43:14+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/11\/liensemaine-25novembre.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/","name":"La semaine en pixels \u2013 25 novembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/11\/liensemaine-25novembre.jpg","datePublished":"2016-11-25T12:26:25+00:00","dateModified":"2016-11-27T12:43:14+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0les symboles imbriqu\u00e9s de Sketch, progressive web apps (encore), test utilisateur de boutons, utiliser dribbble en tant qu'UX designer, CSS et breakpoints, copier des calques Photoshope et tester des polices d'\u00e9criture au chargement.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-25-novembre-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/11\/liensemaine-25novembre.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/11\/liensemaine-25novembre.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 25 novembre 2016"},{"@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\/5961","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=5961"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5961\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5954"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}