{"id":3511,"date":"2015-01-16T08:55:13","date_gmt":"2015-01-16T07:55:13","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3511"},"modified":"2015-01-16T09:05:08","modified_gmt":"2015-01-16T08:05:08","slug":"la-semaine-en-pixels-16-janvier-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-2015\/","title":{"rendered":"La semaine en pixels \u2013 16 janvier 2015"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 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 : effets de survol en CSS, prototype papier, statistiques CSS pour 2014, le retrait du burger icon chez redbooth expliqu\u00e9, l’attaque des clones dans le web, de jolis livres chez fivesimplesteps, des photos magnifiques de New York vu du ciel la nuit, du sticker header et animations Photoshop en tutoriel, des JavaScripts pour les animations et am\u00e9liorer le bouton suppression.<\/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

#CSS<\/p>\n

Hover.css<\/a>, une collection d\u2019effets de survol en CSS \u00e0 r\u00e9utiliser ou simplement pour votre inspiration<\/p>\n

\"Hover.css\"<\/p>\n

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

#Prototype<\/p>\n

How Prototyping is Replacing Documentation<\/a>, \u00a0comment le prototype peut remplacer une documentation longue \u00e0 lire et \u00e0 r\u00e9diger. \u00ab\u00a0People don\u2019t read products,\u200athey interact with them.\u00a0\u00bb et c\u2019est tellement vrai<\/p>\n

\"How<\/p>\n

#CSS<\/p>\n

D\u2019int\u00e9ressantes statistiques d’utilisation du CSS en 2014<\/a> sur 10 400 domaines<\/p>\n

\"The<\/p>\n

#Burger icon #App<\/p>\n

Chez Redbooth ils ont retir\u00e9 le menu burger de leur application<\/a> au profit d\u2019onglets en bas apr\u00e8s quelques \u201ctest utilisateurs\u201d sur les coll\u00e8gues (faut de mieux)<\/p>\n

\"Redbooth<\/p>\n

#Test Utilisateur<\/p>\n

Tests utilisateurs en laboratoire sur tablette et mobile : 4 installations test\u00e9es<\/a><\/p>\n

#Clone #Projet Web<\/p>\n

Le Web : L\u2019attaque des clones<\/a> par mon coll\u00e8gue Matthieu qui en a un peu marre des projets clon\u00e9s<\/p>\n

\"Le<\/p>\n

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

#Livres<\/p>\n

Fivesimplesteps.com<\/a> a eu droit \u00e0 un joli redesign, et certains livres dans les packs sont \u00e9galement disponibles en version papier<\/p>\n

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

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

#Instagram<\/p>\n

Un compte instagram qui va vous faire mourir de rire<\/a>. Litt\u00e9ralement.<\/p>\n

\"omgreallydead\"<\/p>\n

#Photos<\/p>\n

Des images \u00e0 vous couper le souffle de New York vu du ciel la nuit<\/a>, c\u2019est magique et magnifique (et un peu lent \u00e0 charger par contre les images sont lourdes)<\/p>\n

\"<\/p>\n

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

#Sticky Header<\/p>\n

Quelques lignes de codes suffisent \u00e0 masquer automatiquement une ent\u00eate fixe<\/a> quand l\u2019utilisateur fait d\u00e9filer la page vers le bas, pour la r\u00e9-afficher quand il remonte<\/p>\n

\"Sticky<\/p>\n

#Photoshop #Animation<\/p>\n

UI Animation in Photoshop \u2013 Tutorial #2<\/a> un tutoriel d\u2019animations sous Photoshop avec dans cette seconde \u00e9dition l\u2019ajout d\u2019easing sur une animation pour la rendre plus fluide et naturelle<\/p>\n

\"UI<\/p>\n

Des ressources utiles<\/h2>\n

#Pattern Library<\/p>\n

Mailchimp a rendu public sa librairie de patterns <\/a>pour construire leur interface. Par contre j\u2019ai du mal \u00e0 voir la diff\u00e9rence avec un Style Guide.<\/p>\n

\"Mailchimp<\/p>\n

#JavaScript<\/p>\n

Vanillajsf.tw<\/a>\u00a0\u00a0la syntaxe de JavaScript s\u2019est grandement simplifi\u00e9e<\/p>\n

#Font<\/p>\n

CABANA<\/a>, une nouvelle tr\u00e8s jolie police de caract\u00e8re par le talentueux designer Adrien Coquet <\/a>:)<\/p>\n

\"CABANA\"<\/p>\n

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

#Animations<\/p>\n

Snabbt.js<\/a>, une librarie JS d\u2019animations, la \u00a0demo<\/a> d\u2019animation de 200 \u00e9l\u00e9ments du DOM est plut\u00f4t impressionnante de fluidit\u00e9<\/p>\n

\"Snabbt.js\"<\/p>\n

#HTML<\/p>\n

Une sandbox pour tester les inputs HTML5<\/a> avec la possibilit\u00e9 d\u2019ajouter des sch\u00e9mas de validation<\/p>\n

\"input<\/p>\n

#Delete #JS<\/p>\n

Une alternative plus gracieuse aux alertes de boutons de confirmation de suppression<\/a> avec quelques lignes de JavaScript<\/p>\n

\"A<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 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 : effets de survol en CSS, prototype papier, statistiques CSS pour 2014, le retrait du burger icon …<\/p>\n","protected":false},"author":3,"featured_media":3524,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-3511","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 16 janvier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer : statistiques CSS pour 2014, retrait du burger icon chez redbooth, photosde New York vu du ciel la nuit et tutoriel d'animations Photoshop\" \/>\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-16-janvier-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 16 janvier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer : statistiques CSS pour 2014, retrait du burger icon chez redbooth, photosde New York vu du ciel la nuit et tutoriel d'animations Photoshop\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-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-01-16T07:55:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-01-16T08:05:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/01\/lien-semaine-16janvier.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\/la-semaine-en-pixels-16-janvier-2015\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-2015\/\",\"name\":\"La semaine en pixels \u2013 16 janvier 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-16-janvier-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-2015\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lien-semaine-16janvier.jpg\",\"datePublished\":\"2015-01-16T07:55:13+00:00\",\"dateModified\":\"2015-01-16T08:05:08+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer : statistiques CSS pour 2014, retrait du burger icon chez redbooth, photosde New York vu du ciel la nuit et tutoriel d'animations Photoshop\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-2015\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lien-semaine-16janvier.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lien-semaine-16janvier.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 16 janvier 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\":{\"@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 16 janvier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer : statistiques CSS pour 2014, retrait du burger icon chez redbooth, photosde New York vu du ciel la nuit et tutoriel d'animations Photoshop","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-16-janvier-2015\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 16 janvier 2015 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer : statistiques CSS pour 2014, retrait du burger icon chez redbooth, photosde New York vu du ciel la nuit et tutoriel d'animations Photoshop","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-2015\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2015-01-16T07:55:13+00:00","article_modified_time":"2015-01-16T08:05:08+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2015\/01\/lien-semaine-16janvier.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\/la-semaine-en-pixels-16-janvier-2015\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-2015\/","name":"La semaine en pixels \u2013 16 janvier 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-16-janvier-2015\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lien-semaine-16janvier.jpg","datePublished":"2015-01-16T07:55:13+00:00","dateModified":"2015-01-16T08:05:08+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer : statistiques CSS pour 2014, retrait du burger icon chez redbooth, photosde New York vu du ciel la nuit et tutoriel d'animations Photoshop","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-2015\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-janvier-2015\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lien-semaine-16janvier.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2015\/01\/lien-semaine-16janvier.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 16 janvier 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":{"@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\/3511","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=3511"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/3511\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/3524"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=3511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=3511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=3511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}