{"id":4778,"date":"2015-12-18T08:33:20","date_gmt":"2015-12-18T07:33:20","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4778"},"modified":"2015-12-18T14:11:35","modified_gmt":"2015-12-18T13:11:35","slug":"la-semaine-en-pixels-18-decembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 18 d\u00e9cembre 2015"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, design d&rsquo;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<p>Au programme cette semaine : une remise en cause de la cr\u00e9ation d&rsquo;une application native (dans certains cas), les tendances webdesign pour 2016 et \u00a0listes des meilleurs articles UX, un peu de mobilit\u00e9 et des articles sur le design de mani\u00e8re g\u00e9n\u00e9rale, des grilles CSS, un historique des polices utilis\u00e9es dans la communication de Star Wars, des animations CSS, SVG avec SMIL vs JavaScript et SVG avec du clip-path, des bases accessibilit\u00e9, des fonctions JavaScript pour ne plus avoir besoin de jQuery et un rappel des bases des propri\u00e9t\u00e9s de typographie en CSS,<\/p>\n<p>Pour plus de liens vous pouvez <a href=\"https:\/\/twitter.com\/WalterStephanie\">me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n<h2>tl;dnr, s&rsquo;il devait n&rsquo;en rester qu&rsquo;un ?<\/h2>\n<p><a href=\"http:\/\/blog.stephaniewalter.fr\/freebies-illustration-strategie-responsive-mobile-first\/\">[Freebies] Illustration Strat\u00e9gie Responsive vs Mobile First Responsive<\/a>, une illustrations partag\u00e9e en creative commons de l\u2019explication du <a href=\"http:\/\/bradfrost.com\/blog\/post\/responsive-strategy\/\">responsive retrofitting et mobile first responsive par Brad Frost<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4772\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/retrofitting-FR.jpg\" alt=\"[Freebies] Illustration Strat\u00e9gie Responsive vs Mobile First Responsive\" width=\"850\" height=\"350\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/medium.com\/@natekontny\/reddit-user-earthtokeebs-posted-a-design-he-had-worked-on-for-his-client-natural-warrior-tea-90d6449cec3#.y9ifk155b\">Poor design\u200a\u2014\u200adoesn\u2019t say \u201ctea\u201d<\/a>, essayer quelque chose de diff\u00e9rent en terme de packaging qui change des clich\u00e9s habituels<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4798\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/poor-design.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Design #Code<\/p>\n<p>La r\u00e9ponse ultime et finale au d\u00e9bat \u201c est-ce que les designers devraient savoir coder \u201d : \u00a0<a href=\"https:\/\/medium.com\/@SethCoelen\/should-designers-code-the-final-word-e7262031d3d6?ref=webdesignernews.com#.b69lndfp9\">\u201cShould Designers Code?\u201d\u200a\u2014\u200aThe final Word. Unique evidence that might finally settle the age old debate<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4799\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/shoulddesignerscode.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Mobile<\/p>\n<p><a href=\"https:\/\/medium.com\/inside-birdly\/why-you-shouldn-t-bother-creating-a-mobile-app-328af62fe0e5#.8a95toh2p\">Why you shouldn\u2019t bother creating a mobile app<\/a>, un retour int\u00e9ressant, m\u00eame avec une application bien pens\u00e9e, fonctionnelle et utile, parfois \u00e7a ne suffit pas.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4792\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/mobile-app-nope.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#App<\/p>\n<p>A lire absolument :<a href=\"http:\/\/arc.applause.com\/2015\/11\/30\/application-shell-architecture\/\"> Why Progressive Web Apps Are The Future Of Web Development<\/a> (pourquoi les applications progressives qui sont un m\u00e9lange de coquille native et de HTML\/CSS sont le futur du d\u00e9veloppement web)<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4793\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/application-shell.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>#E-commerce<\/p>\n<p><a href=\"http:\/\/studio.uxpin.com\/blog\/dont-let-web-design-trends-kill-your-e-commerce-site\/\">Don\u2019t Overdo Web Design Trends on Your E-Commerce Site<\/a>, pas toujours facile de combiner tendances et ergonomie en e-commerce, quelques conseils sur le sujet<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4794\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/ecommerce.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/www.usertesting.com\/blog\/2015\/12\/15\/most-loved-usertesting-articles-2015\/\">The 15 Most-Loved UserTesting Articles from 2015<\/a>, les 15 articles les plus appr\u00e9ci\u00e9s sur UserTesting. Ajoutez <a href=\"http:\/\/thehipperelement.com\/post\/135183688606\/the-hipper-element-top-10-ux-articles-of-2015\">The Hipper Element: Top 10 UX Articles of 2015<\/a> et vous aurez de quoi occuper vos vacances ;)<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4796\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/10ux.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Mobile<\/p>\n<p><a href=\"http:\/\/baymard.com\/blog\/mobile-touch-keyboards\">&lsquo;Touch Keyboard&rsquo; Implementations Have Improved Just 9% Since 2013 (60% Still Get it Wrong) <\/a>entre 2013 et aujourd\u2019hui, l\u2019impl\u00e9mentation des fonctionnalit\u00e9s pour aider les utiliser au clavier virtuel sur mobile n\u2019a augment\u00e9 que de 9% sur les sites observ\u00e9s par Baymard Institute. I reste des progr\u00e8s \u00e0 faire de ce c\u00f4t\u00e9 l\u00e0.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4797\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/touchkeyboard.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Freelance<\/p>\n<p><a href=\"http:\/\/www.entrepreneur.com\/article\/253800 \">How to Work From Home Without Losing Your Mind<\/a>, comment travailler chez vous sans devenir dingue<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4800\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/work-home.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Design #Typographie<\/p>\n<p>Les deux articles de 24joursdeweb que j\u2019ai eu le temps de lire cette semaine sont excellents : <a href=\"http:\/\/www.24joursdeweb.fr\/2015\/l-avenir-du-plomb-dans-nos-projets-web\/\">L\u2019avenir du plomb dans nos projets web<\/a> et <a href=\"http:\/\/www.24joursdeweb.fr\/2015\/ma-recette-pour-un-webdesign-reussi\/\">Ma recette pour un webdesign r\u00e9ussi<\/a><\/p>\n<p>#Conversion<\/p>\n<p>Les tendances qui vont booster votre conversion en 2016, je sais pas trop, j\u2019ai du mal \u00e0 \u00eatre convaincue par le boost de conversion de certaines dont l\u2019explication semble capillotract\u00e9e, et vous ? <a href=\"https:\/\/www.usertesting.com\/blog\/2015\/12\/11\/2016-web-design-trends-to-boost-conversions\/\">\u00ab\u00a02016 Web Design Trends to Boost Conversions\u00a0\u00bb<\/a><\/p>\n<p>#Performance<\/p>\n<p><a href=\"https:\/\/bocoup.com\/weblog\/smaller-faster-websites\">Smaller, Faster Websites<\/a>, une jolie conf\u00e9rence sur la performance web tr\u00e8s bien imag\u00e9e (jeu de mot pourri sur le fait que la conf\u00e9rence est sur les images responsive)<\/p>\n<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#Font #Star Wars<\/p>\n<p><a href=\"https:\/\/www.fontshop.com\/content\/star-wars-may-the-fonts-be-with-you\">May the Font be with you<\/a>, les diff\u00e9rentes polices utilis\u00e9es dans la promotion des films Star Wars<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4782\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/starwars-fonts.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Portfolio<\/p>\n<p><a href=\"http:\/\/www.blakerutledge.com\/\">Blakerutledge.com<\/a>, cette page d\u2019attente de portfolio est simple, efficace et je pourrai passer ma matin\u00e9e \u00e0 jouer avec ^^<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4783\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/folio-demo.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#Photo<\/p>\n<p><a href=\"https:\/\/twitter.com\/DocHackenbush\/status\/675659643687972864\">The bittersweet moment when a signpost dies and its spirit leaves its body<\/a>. Traduction : ce triste moment, la mort d\u2019un panneau de signalisation, quand son esprit quitte son corps<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4784\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/spotlimit.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<h2>L\u2019actualit\u00e9 webdesign<\/h2>\n<p>#iOS<\/p>\n<p><a href=\"https:\/\/webkit.org\/blog\/5610\/more-responsive-tapping-on-ios\/\">More Responsive Tapping on iOS<\/a> &#8211; \u00a0touch-action: manipulation; arrive sur iOS et vous permet d\u2019acc\u00e9der au \u201cfast tap\u201d, un tap plus rapide pour l\u2019utilisateur sur cet \u00e9l\u00e9ment l\u00e0. (oui c\u2019est compliqu\u00e9 mais la vid\u00e9o est explicite)<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4781\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/fasttap.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#CSS #Animations<\/p>\n<p><a href=\"https:\/\/css-tricks.com\/using-multi-step-animations-transitions\/\">Using Multi-Step Animations and Transitions<\/a>, des animations CSS \u00e0 plusieurs \u00e9tapes<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4785\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/multi-step-animations.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#CSS #SVG #Animations<\/p>\n<p><a href=\"https:\/\/css-tricks.com\/smil-is-dead-long-live-smil-a-guide-to-alternatives-to-smil-features\/\">SMIL is dead! Long live SMIL! A Guide to Alternatives to SMIL Features<\/a>, SMIL est mort (et permettait d\u2019animer le SVG dans un langage sp\u00e9cifique), cet article vous explique comment reproduire les fonctionnalit\u00e9s de SMIL en CSS et JavaScript<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4780\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/smil-js-svg-animations.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#SVG #Animations<\/p>\n<p>Une petite introduction illustr\u00e9e de jolis exemples au monde des masques d\u2019\u00e9cr\u00e9tage SVG <a href=\"http:\/\/www.smashingmagazine.com\/2015\/12\/animating-clipped-elements-svg\/\">Animating Clipped Elements In SVG<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4788\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/svg-clippath-animation.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#A11Y<\/p>\n<p><a href=\"https:\/\/www.marcozehe.de\/2015\/12\/14\/the-web-accessibility-basics\/\">The web accessibility basics<\/a>, un petit cours rapide sur les bases de l\u2019accessibilit\u00e9. Promis \u00e7a fait pas mal et c\u2019est plus simple qu\u2019il n\u2019y parait (du moins les bases)<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4787\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/cssgrids.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/24ways.org\/2015\/grid-flexbox-box-alignment-our-new-system-for-layout\/\">Grid, Flexbox, Box Alignment: Our New System for Layout<\/a> &#8211; une mise en page parfaite pour les interfaces Pinterest like<\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Dribbble<\/p>\n<p>Si vous souhaitez pouvoir programmer l\u2019envoi de vos shots dribbble : <a href=\"https:\/\/drubbbler.com\">drubbbler.com<\/a> \u00a0:)<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4789\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/dribble-schedule.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/bitsofco.de\/controlling-typography-in-css\/\">Controlling Typography in CSS<\/a>, les propri\u00e9t\u00e9s CSS pour la typographie rassembl\u00e9es \u00e0 un m\u00eame endroit<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4791\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/css-typographie.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<p>#JavaScript<br \/>\n<a href=\"https:\/\/github.com\/oneuijs\/You-Dont-Need-jQuery\">You Don&rsquo;t Need jQuery<\/a> &#8211;\u00a0des alternatives \u00e0 jQuery avec des m\u00e9thodes fonctionnant \u00e0 partir de IE10<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-4790 size-full\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/youdontneed-jq.jpg\" alt=\"\" width=\"1040\" height=\"850\" \/><\/p>\n<h2>Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n<p>#Star Wars<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=wh2IS350tCU\">Citr\u00e9pio, Obi Van Kenobi et les chevaliers Juda\u00efe avec leurs \u00e9p\u00e9s de lumi\u00e8re et leur copain Chiktaba<\/a>. C&rsquo;est cadeau<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 ans. Il se peut qu&rsquo;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&rsquo;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 : une remise en cause de la cr\u00e9ation d&rsquo;une application native (dans certains cas), les &hellip;<\/p>\n","protected":false},"author":3,"featured_media":4779,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4778","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels \u2013 18 d\u00e9cembre 2015 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Remise en cause des applications natives (dans certains cas), des tendances webdesign 2016, les meilleurs articles UX, grilles CSS, animations CSS, SVG SMIL, JavaScript et clip-path, bases accessibilit\u00e9 et propri\u00e9t\u00e9s de typographie en CSS,\" \/>\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-18-decembre-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 18 d\u00e9cembre 2015 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Remise en cause des applications natives (dans certains cas), des tendances webdesign 2016, les meilleurs articles UX, grilles CSS, animations CSS, SVG SMIL, JavaScript et clip-path, bases accessibilit\u00e9 et propri\u00e9t\u00e9s de typographie en CSS,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-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-12-18T07:33:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-12-18T13:11:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/liensemaine-18-novembre.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=\"5 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-18-decembre-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/\",\"name\":\"La semaine en pixels \u2013 18 d\u00e9cembre 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-18-decembre-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-18-novembre.jpg\",\"datePublished\":\"2015-12-18T07:33:20+00:00\",\"dateModified\":\"2015-12-18T13:11:35+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Remise en cause des applications natives (dans certains cas), des tendances webdesign 2016, les meilleurs articles UX, grilles CSS, animations CSS, SVG SMIL, JavaScript et clip-path, bases accessibilit\u00e9 et propri\u00e9t\u00e9s de typographie en CSS,\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-18-novembre.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-18-novembre.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 18 d\u00e9cembre 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&#039;utilisabilit\u00e9 et l&#039;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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher &amp; 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 18 d\u00e9cembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Remise en cause des applications natives (dans certains cas), des tendances webdesign 2016, les meilleurs articles UX, grilles CSS, animations CSS, SVG SMIL, JavaScript et clip-path, bases accessibilit\u00e9 et propri\u00e9t\u00e9s de typographie en CSS,","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-18-decembre-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 18 d\u00e9cembre 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Remise en cause des applications natives (dans certains cas), des tendances webdesign 2016, les meilleurs articles UX, grilles CSS, animations CSS, SVG SMIL, JavaScript et clip-path, bases accessibilit\u00e9 et propri\u00e9t\u00e9s de typographie en CSS,","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-12-18T07:33:20+00:00","article_modified_time":"2015-12-18T13:11:35+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/12\/liensemaine-18-novembre.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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/","name":"La semaine en pixels \u2013 18 d\u00e9cembre 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-18-decembre-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-18-novembre.jpg","datePublished":"2015-12-18T07:33:20+00:00","dateModified":"2015-12-18T13:11:35+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Remise en cause des applications natives (dans certains cas), des tendances webdesign 2016, les meilleurs articles UX, grilles CSS, animations CSS, SVG SMIL, JavaScript et clip-path, bases accessibilit\u00e9 et propri\u00e9t\u00e9s de typographie en CSS,","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-decembre-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-18-novembre.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/12\/liensemaine-18-novembre.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 18 d\u00e9cembre 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&#039;utilisabilit\u00e9 et l&#039;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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher &amp; 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\/4778","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=4778"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4778\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4779"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4778"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4778"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}