{"id":2448,"date":"2014-03-07T08:38:15","date_gmt":"2014-03-07T07:38:15","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2448"},"modified":"2014-03-07T09:46:49","modified_gmt":"2014-03-07T08:46:49","slug":"des-pixels-du-code-104","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/","title":{"rendered":"Des pixels et du code #104"},"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. Cette semaine devrait ravir les amateurs d’articles sur la mobilit\u00e9, \u00a0l’ergonomie et les designers fans d’Illustrator ainsi que les amateurs de typographie avec plusieurs outils et ressources pour les aider au quotidien.<\/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

#Pagination
\nGoogle’s infinite scroll recommendations<\/a>, les recommandations de Google pour mettre en place un d\u00e9filement infini sur une page avec un syst\u00e8me de pagination<\/p>\n

#Responsive Webdesign
\nResponsive Design: Why and how we ditched the good old select element<\/a>, ou comment penser les interactions sur mobile les a fait repenser le design global des liste de s\u00e9lection pour finalement les abandonner et proposer un autre concept de navigation.<\/p>\n

\"Responsive<\/p>\n

#Data
\nWhat Percent of Page Views Share on Social Media?<\/a> quelques statistiques sur l\u2019efficacit\u00e9 des boutons de partage sociaux (tlndr en moyenne 0.67% pour ces sites l\u00e0)<\/p>\n

#Pourquoi
\nlespourquoisdudesign.com<\/a> une initiative pour tenter de r\u00e9pondre aux question \u00ab\u00a0pourquoi\u00a0\u00bb du design d\u00e9j\u00e0 entendue 300 fois.<\/p>\n

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

#Illustrator
\nSpeed Design with Illustrator<\/a> \u00a014 astuces pour cr\u00e9er tr\u00e8s rapidement un design avec Illustrator <3<\/p>\n

\"Speed
\nEt si vous vous demandez comment sont cr\u00e9\u00e9s les boutons dynamiques dans la vid\u00e9o : Dynamic buttons with Illustrator<\/a><\/p>\n

#Mobile #Ecommerce
\nDeux articles sur le Ecommerce en mobile : application ou site mobile<\/a>, et quelques conseils d\u2019optimisation<\/a><\/p>\n

#Mobile First
\nThe right questions to ask mobile-first deniers<\/a>, les questions \u00e0 poser aux opposants du mobile first, et pourquoi \u201cl\u2019utilisateur ne fera jamais \u00e7a sur mobile\u201d est un paris dangereux<\/p>\n

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

#Code
\nAtom.io<\/a> si jamais vous dormiez vendredi, github\u00a0a sorti son propre \u00e9diteur de code. Les invitations s\u2019\u00e9changent sous le manteau :D<\/p>\n

\"Atom.io\"<\/p>\n

#Images<\/p>\n

Getty propose gratuitement un embed d’images<\/a> pour les particuliers et sites d’information.<\/p>\n

Inspiration<\/h2>\n

#Photos
\nLe portfolio de Julien Douvier<\/a> est compos\u00e9 de jolies photos anim\u00e9es dont certaines tr\u00e8s belles de Strasbourg :)<\/p>\n

#Photoshop \u00a0#Tatoos
\nShopped Tattoos<\/a>, des images de c\u00e9l\u00e9brit\u00e9s avec des tatouages photoshop\u00e9s<\/p>\n

\"Shopped<\/p>\n

#Advertisement
\nSUPERMOINE HOLYPOP (le gardien du secret)<\/a> une publicit\u00e9 fun et color\u00e9e pour de la bi\u00e8re<\/p>\n

\"SUPERMOINE<\/p>\n

Des ressources utiles<\/h2>\n

#Typographie
\nType-finder.com<\/a>, r\u00e9pondez \u00e0 quelques question pour trouver un jeu de police pour votre projet<\/p>\n

\"Type-finder.com\"<\/p>\n

#Textue
\nTransparent Textures<\/a> des textures \u00e0 utiliser avec des couleurs de fond en CSS<\/p>\n

\"Transparent<\/p>\n

#Animation
\nCommunicating Animation Ideas, some tools<\/a> plusieurs outils pour communiquer les id\u00e9es d\u2019animations avec les clients<\/p>\n

#CSS
\nAlphabetical list of CSS properties<\/a> une gigantesque liste alphab\u00e9tique de propri\u00e9t\u00e9s CSS<\/p>\n

\"alphabetical<\/p>\n

#GoogleFont
\nWhats the Closest Google Font?<\/a> \u00a0une alternative Google \u00e0 certaines polices d\u2019\u00e9criture comme Avril, Myriad Pro, etc.<\/p>\n

Des ressources gratuites<\/h2>\n

#Font
\nNovito NOVA<\/a>, une police gratuite compos\u00e9 de majuscules uniquement, alternative \u00e0 NOVITO.<\/p>\n

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

#Photoshop
\nInk<\/a>, un plugin Photoshop pour vous aider \u00e0 cr\u00e9er des sp\u00e9cifications pour l\u2019int\u00e9grateur (taille des polices, couleurs, etc.) un peu comme Specking<\/a>. Le plugin est pour le moment gratuit et en version beta.<\/p>\n

\"Ink\"<\/p>\n

#Font
\nGlyphrstudio.com<\/a> un \u00e9diteur de police d\u2019\u00e9criture gratuit et en ligne qui fonctionne en HTML5<\/p>\n

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

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

#CSS<\/a>
\nCircle Square Triangle Dolphin demo<\/a> une d\u00e9monstration hypnotique en CSS<\/p>\n

#CSS
\nCSS Neon Glow<\/a> du texte avec un effet n\u00e9ons en CSS<\/p>\n

\"neon<\/p>\n

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

#Ergonomie
\nDoisjeutiliser.fr<\/a> quelques contre exemples anti-ergonomiques pour comprendre pourquoi l\u2019utilisateur d\u2019un carrousel d\u2019images ou encore d\u2019une modale au chargement du site n\u2019est pas forc\u00e9ment une bonne id\u00e9e<\/p>\n

\"Doisjeutiliser.fr\"<\/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. Cette semaine devrait ravir les amateurs d’articles sur la mobilit\u00e9, \u00a0l’ergonomie et les designers fans d’Illustrator ainsi que les amateurs de typographie avec plusieurs outils et ressources pour les aider au quotidien. Pour plus de liens …<\/p>\n","protected":false},"author":3,"featured_media":2464,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2448","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 #104 - 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 104\" \/>\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\/des-pixels-du-code-104\/\" \/>\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 #104 - 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 104\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/\" \/>\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=\"2014-03-07T07:38:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-03-07T08:46:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/03\/pixelcode104.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=\"@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\/des-pixels-du-code-104\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/\",\"name\":\"Des pixels et du code #104 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/03\/pixelcode104.jpg\",\"datePublished\":\"2014-03-07T07:38:15+00:00\",\"dateModified\":\"2014-03-07T08:46:49+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 104\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/03\/pixelcode104.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/03\/pixelcode104.jpg\",\"width\":850,\"height\":350,\"caption\":\"Des pixels et du code #104\"},{\"@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 #104 - 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 104","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\/des-pixels-du-code-104\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #104 - 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 104","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-03-07T07:38:15+00:00","article_modified_time":"2014-03-07T08:46:49+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/03\/pixelcode104.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\/des-pixels-du-code-104\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/","name":"Des pixels et du code #104 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/03\/pixelcode104.jpg","datePublished":"2014-03-07T07:38:15+00:00","dateModified":"2014-03-07T08:46:49+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 104","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-104\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/03\/pixelcode104.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/03\/pixelcode104.jpg","width":850,"height":350,"caption":"Des pixels et du code #104"},{"@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\/2448","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=2448"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2448\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2464"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}