{"id":2393,"date":"2014-02-21T08:50:02","date_gmt":"2014-02-21T07:50:02","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2393"},"modified":"2014-02-21T08:50:49","modified_gmt":"2014-02-21T07:50:49","slug":"des-pixels-du-code-102","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/","title":{"rendered":"Des pixels et du code #102"},"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 est particuli\u00e8rement riche en ressources, gratuites et payantes : plugins Photoshop, Illustrator, outils pour Sublime Text, pour faire du wireframe ou trouver plus rapidement vos favoris dans Chrome, vous aurez de quoi am\u00e9liorer votre workflow.
\nPour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

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

#Design<\/span>
\nThe first version of Google, Facebook, YouTube and more (and what they can teach us about starting small)<\/a> l\u2019article d\u00e9terre les premi\u00e8res versions du design de ces g\u00e9ants du net et nous montre l\u2019importance de commencer petit.<\/p>\n

\"The<\/p>\n

#UX
\nFirst time user experiences in mobile apps<\/a> des conseils et id\u00e9es pour le design de l\u2019\u00e9cran de premi\u00e8re utilisation d\u2019une application mobile<\/p>\n

#Design<\/span><\/p>\n

How designers can create interactive prototypes with Illustrator<\/a> \u00a0ou comment cr\u00e9er des prototypes interactifs avec Illustrator et un peu de JavaScript<\/p>\n

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

Yeah tumblr<\/a> a un mini redesign tout discret de son logo<\/p>\n

\"tumblr\"<\/p>\n

\n

Inspiration<\/h2>\n

#Illustrations
\nLe travaille d\u2019illustration de Dayne Henry Jr<\/a> est tout simplement fantastique<\/p>\n

\"Dayne<\/p>\n

#Illustration
\nIconic Cats<\/a> des figures du pass\u00e9 et de la pop culture illustr\u00e9es en chats. Meouw.<\/p>\n

\"Iconic<\/p>\n

#Illustration
\nCoencast.tumblr.com<\/a> de jolis portraits minimalistes<\/p>\n

\"Coencast\"<\/p>\n

\n

#Webdesign
\nSionsetouchait.com<\/a> une \u00a0chouette campagne pour sensibiliser les femmes \u00e0 la pratique de l\u2019auto-palpation<\/p>\n

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

#SVG
\nHow SVG Line Animation Works<\/a> ou comment animer des lignes de SVG tr\u00e8s facilement<\/p>\n

\"<\/p>\n

\n

Des ressources utiles<\/h2>\n

#UX
\nFirsttimeux.tumblr.com<\/a> \u00a0showcases examples of first time user experience #UX<\/p>\n

\"Firsttimeux.tumblr.com\"<\/p>\n

\n

Des ressources gratuites<\/h2>\n

#Photoshop #Plugin
\nRandom User Generator<\/a> as a Photoshop extension<\/p>\n

\"Random<\/p>\n

#Photos
\nDes Photos<\/a> gratuitement utilisables pour un usage sur des projets personnels et \u00e0 des fins commerciales<\/p>\n

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

#Sublime Text
\nSublimall.org<\/a> un plugin pour synchroniser ses param\u00e8tres de Sublime Text sur diff\u00e9rentes installations<\/p>\n

#Wiframe
\nArmature,<\/a> un plugin de wireframe avec des \u00e9l\u00e9ments d\u00e9j\u00e0 pr\u00eats pour Illustrator<\/p>\n

\"Armature\"
\n#Marque page
\nDeweyapp.io<\/a> une extension qui permet d\u2019ajouter des tags \u00e0 ses marque page Chrome avec une fonction de recherche<\/p>\n

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

\n

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

#Canvas
\nHeart<\/a>, une jolie exp\u00e9rience en canvas pour la saint Valentin<\/p>\n

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

#Mobile
\nMobile Menu AB Tested: Hamburger Not the Best Choice?<\/a>\u00a0quelques tests sur la pertinance de l\u2019utilisation du \u201cburger icon\u201d sur mobile<\/p>\n

\"Mobile<\/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 est particuli\u00e8rement riche en ressources, gratuites et payantes : plugins Photoshop, Illustrator, outils pour Sublime Text, pour faire du wireframe ou trouver plus rapidement vos favoris dans Chrome, vous aurez de quoi am\u00e9liorer votre …<\/p>\n","protected":false},"author":3,"featured_media":2405,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2393","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #102 - 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 102\" \/>\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-102\/\" \/>\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 #102 - 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 102\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/\" \/>\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-02-21T07:50:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-02-21T07:50:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/02\/pixelcode102.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=\"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\/des-pixels-du-code-102\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/\",\"name\":\"Des pixels et du code #102 - 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-102\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode102.jpg\",\"datePublished\":\"2014-02-21T07:50:02+00:00\",\"dateModified\":\"2014-02-21T07:50: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 102\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode102.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode102.jpg\",\"width\":850,\"height\":350},{\"@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 #102 - 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 102","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-102\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #102 - 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 102","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-02-21T07:50:02+00:00","article_modified_time":"2014-02-21T07:50:49+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/02\/pixelcode102.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/","name":"Des pixels et du code #102 - 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-102\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode102.jpg","datePublished":"2014-02-21T07:50:02+00:00","dateModified":"2014-02-21T07:50: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 102","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-102\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode102.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixelcode102.jpg","width":850,"height":350},{"@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\/2393","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=2393"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2393\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2405"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}