{"id":2066,"date":"2013-11-08T08:40:49","date_gmt":"2013-11-08T07:40:49","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2066"},"modified":"2013-11-08T08:42:05","modified_gmt":"2013-11-08T07:42:05","slug":"pixels-du-code-87","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/","title":{"rendered":"Des pixels et du code #87"},"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, HTML, CSS, outils, ressources et inspiration. Exp\u00e9rience utilisateur, mobilit\u00e9, jolies illustrations et typographie, ressources pour vos wireframes, cartes et CSS, vous aurez de quoi lire ce weekend.<\/p>\n

Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

Les articles \u00e0 lire<\/h2>\n

\"Interfaces<\/p>\n

#Design<\/p>\n

Interfaces in need – Facebook doesn\u2019t need your design help. But there are many other companies that do<\/a>\u00a0un reflexion sur la tendance au \u201credesign\u201d gratuit et non solicit\u00e9 de gros sites web<\/p>\n

#CSS level 4<\/p>\n

Responding to environmental lighting with CSS Media Queries Level 4<\/a> ou comment utiliser des media queries de CSS level 4 pour changer les contrastes en fonction de la luminosit\u00e9 ambiente<\/p>\n

#UX<\/p>\n

Using Dark Patterns for Good<\/a> utiliser les \u201cdark patterns\u201d pour aller dans le sens de l\u2019utilisateur plut\u00f4t que pour lui faire faire des choses qui arrangent le marketing<\/p>\n

Inspiration<\/h2>\n

\"Mary<\/p>\n

#Typography<\/p>\n

Mary Kate McDevitt<\/a>\u00a0a un tr\u00e8s joli portfolio orient\u00e9 lettrages et typographie<\/p>\n

#Typography<\/p>\n

Bob Dylan\u00b4s HAND LETTERING EXPERIENCE<\/a>\u00a0est une exp\u00e9rience de lettrage dans diff\u00e9rents styles<\/p>\n

#Digital Art<\/p>\n

Norvhic Fernandez Austria<\/a>‘s Photo manipulations and digital art \u00a0(J’adore\u00a0A Walk on Desolate Street<\/a>)<\/p>\n

\"Simon<\/p>\n

#Portfolio<\/p>\n

Le portfolio de Simon Frouws<\/a> avec de jolies illustrations et lettrines<\/p>\n

#GIF #Illustration<\/p>\n

Des affiches minimalistes de Harry Potter ? Oui, mais qui bougent !<\/a><\/p>\n

#Video<\/p>\n

Now This is How You Advertise a Bra [Video]<\/a> une publicit\u00e9 assez dr\u00f4le pour un soutien-gorge<\/p>\n

\"Juan<\/p>\n

#Ilustrations<\/p>\n

La jolie claque visuelle de la semaine, le portfolio de Juan Doe’s compos\u00e9 de couvertures de Marvel Comics<\/a><\/p>\n

#Illustration<\/p>\n

Keit P Rein<\/a> et ses illustrations pop culture not safe for work de jolies filles pas vraiment habill\u00e9es :)<\/p>\n

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

#RWD<\/p>\n

Transforming tabs<\/a> une proposition bien sympa pour g\u00e9rer les onglets sur un site Responsive<\/p>\n

Des ressources utiles<\/h2>\n

\u00a0\"printable-paper\"<\/p>\n

#Wireframe<\/p>\n

Printable Paper<\/a>\u00a0des feuilles pour du croquis avec diff\u00e9rents types de lignes pr\u00eates \u00e0 \u00eatre imprim\u00e9es<\/p>\n

#Maps<\/p>\n

snazzymaps.com<\/a> des styles de carte Google Maps dont vous pouvez vous inspirer et que vous pouvez r\u00e9-utiliser sur vos projets<\/p>\n

#Mobile<\/p>\n

Mobile Workflow<\/a> une pr\u00e9sentation de diff\u00e9rents outils pour le debug et le teste de sites sur mobile<\/p>\n

#CSS<\/p>\n

CSS stats<\/a> le CSS de gros sites pass\u00e9 au peigne fin. Je me demande quel outil a \u00e9t\u00e9 utilis\u00e9<\/p>\n

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

\"mapbox\"<\/p>\n

#Maps<\/p>\n

Mapbox<\/a>\u00a0une application en ligne pour cr\u00e9er et customiser vos cartes interractives<\/p>\n

#Police<\/p>\n

Fontcombiner.com<\/a>\u00a0un outil en ligne pour combiner et g\u00e9n\u00e9rer vos propres polices<\/p>\n

#Icon<\/p>\n

Glyphsearch.com<\/a>\u00a0un outil en ligne qui permet de chercher des glyphs dans diff\u00e9rentes librairies de font-icon<\/p>\n

Les d\u00e9mos sympas et impressionnantes<\/h2>\n

\"incredibox\"<\/p>\n

#Musique<\/p>\n

Incredibox.com<\/a> dans sa version 3 avec toujours le m\u00eame principe : ajoutez un personnage pour ajouter un rythme ou une m\u00e9lodie et composez votre musique<\/p>\n

#Jeu<\/p>\n

Circle-game<\/a> procrastination du dimanche matin : attrapez les petits ronds sans vous faire toucher par les grands<\/p>\n

#Canvas<\/p>\n

Video Sphere <\/a>une exp\u00e9rience en canvas avec une sph\u00e8re de vid\u00e9os (\u00e0 ouvrir dans Firefox les vid\u00e9os ne marchent pas sur Chrome chez moi)<\/p>\n

Et s’il devait n’en rester qu’un ?<\/h2>\n

#UX<\/p>\n

The 4 Levels of UX Design<\/a>\u00a0un tr\u00e8s bon article sur 4 niveaux d\u2019exp\u00e9rience utilisateur avec des exemples pr\u00e9cis pris dans la vie courante<\/p>\n

Et pour rire, de jolies T-shirts Wearedumb.com<\/a><\/p>\n

 <\/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, HTML, CSS, outils, ressources et inspiration. Exp\u00e9rience utilisateur, mobilit\u00e9, jolies illustrations et typographie, ressources pour vos wireframes, cartes et CSS, vous aurez de quoi lire ce weekend. Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter. Bonne lecture :) Les …<\/p>\n","protected":false},"author":3,"featured_media":2077,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2066","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nDes pixels et du code #87 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 87\" \/>\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\/pixels-du-code-87\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Des pixels et du code #87 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 87\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/\" \/>\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=\"2013-11-08T07:40:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-11-08T07:42:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/11\/pixelcode87.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\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\/pixels-du-code-87\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/\",\"name\":\"Des pixels et du code #87 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode87.jpg\",\"datePublished\":\"2013-11-08T07:40:49+00:00\",\"dateModified\":\"2013-11-08T07:42:05+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 87\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode87.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode87.jpg\",\"width\":700,\"height\":200},{\"@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":"Des pixels et du code #87 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 87","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\/pixels-du-code-87\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #87 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 87","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-11-08T07:40:49+00:00","article_modified_time":"2013-11-08T07:42:05+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/11\/pixelcode87.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\/pixels-du-code-87\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/","name":"Des pixels et du code #87 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode87.jpg","datePublished":"2013-11-08T07:40:49+00:00","dateModified":"2013-11-08T07:42:05+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 87","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-87\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode87.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode87.jpg","width":700,"height":200},{"@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\/2066","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=2066"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2066\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2077"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2066"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2066"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}