{"id":1261,"date":"2013-02-15T08:44:32","date_gmt":"2013-02-15T07:44:32","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1261"},"modified":"2013-02-15T08:44:32","modified_gmt":"2013-02-15T07:44:32","slug":"des-pixels-et-du-code-49","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/","title":{"rendered":"Des pixels et du code #49"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 13 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Une semaine de liens sans tutoriels mais qui plaira aux graphistes, designers et illustrateurs car beaucoup de ressources de kit d’ic\u00f4nes, template d’UI Android ainsi que deux plugins Photoshop pour vous simplifier la vie.\u00a0 La partie inspiration de cette semaine est \u00e9galement particuli\u00e8rement fournie avec du flat design, des wallpaper et de tr\u00e8s jolis gifs anim\u00e9s.<\/p>\n

Des ressources utiles<\/h2>\n

#Ic\u00f4nes<\/p>\n

pixicon.jackietrananh.com<\/a> une collection de 1068 ic\u00f4nes pour 5$, format PNG et vectoriel pour vos projets web et graphiques<\/p>\n

simpleicons.org<\/a> un pack gratuit de 90 ic\u00f4nes de r\u00e9seaux sociaux, avec le code CSS qui vous permet d’ajouter la couleur de fond<\/p>\n

#UI kits<\/p>\n

uielements.net<\/a> un site qui regorge de ressources UI, de kits, de templates pour ic\u00f4nes mobiles ou de navigateur pour vos projets<\/p>\n

#Android UI<\/p>\n

Lookamore-UI-Kit-Android<\/a> un kit d\u2019UI tout fait pour du design d\u2019application Android qui change des kits d’UI qu’on retrouve g\u00e9n\u00e9ralement uniquement pour iOS<\/p>\n

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

#Podcast<\/p>\n

TheWalkingWeb.fr<\/a> un podcast sur la th\u00e9matique des m\u00e9tiers du web, en fran\u00e7ais s\u2019il vous plait !<\/p>\n

#Parallax #RWD<\/p>\n

Cool-kitten<\/a> un framework pour cr\u00e9er un site parallaxe et responsive (bas\u00e9 sur stellar.js). Le site de d\u00e9mo est \u00e9galement tr\u00e8s sympa :)<\/p>\n

#Photoshop<\/p>\n

Pixeldropr.com<\/a> un plugin Photoshop (payant \u00e0 19$) qui permet de cr\u00e9er des librairies d\u2019assets pour les projets, un peu comme les symboles Illustrator et mon retour d’exp\u00e9rience apr\u00e8s utilisation<\/a><\/p>\n

Isometrify.html<\/a> un plugin gratuit pour faciliter la cr\u00e9ation de formes isom\u00e9triques<\/p>\n

#JavaScript
\nwww.jsdb.io<\/a> rassemble en un seul endroit des librairies JS class\u00e9es en diff\u00e9rentes cat\u00e9gories pour les retrouver plus rapidement<\/p>\n

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

#Webdesign<\/p>\n

How to design pixel perfect assets,<\/a>\u00a0 une technique pour cr\u00e9er des designs au pixel pr\u00e8s et les exporter en deux tailles diff\u00e9rentes sans perte de qualit\u00e9<\/p>\n

Gestalt Psychology in Web Design: Symmetry Principle,<\/a> un article illustr\u00e9 d\u2019exemples sur les diff\u00e9rents types de sym\u00e9trie en webdesign<\/p>\n

Flat Pixels: The Battle Between Flat Design And Skeuomorphism, <\/a>une analyse de Sacha Greif qui revient sur le d\u00e9bat Flat design vs Skeuomorphism<\/p>\n

#Redesign<\/p>\n

Redesignin Instagram<\/a>, un nouveau redesign non sollicit\u00e9, cette fois ci du service Instagram avec une explication des choix faits.<\/p>\n

#A11Y<\/p>\n

Making an accessible dialog box<\/a> des conseils et attributs \u00e0 ajouter pour rendre les modales \/ boites de dialogue accessibles<\/p>\n

#Logos<\/p>\n

Relogo.org<\/a> une proposition pour harmoniser les logos avec rel=\u201dlogo\u201d et un stockage sur site externe<\/p>\n

#Typographie<\/p>\n

Type.method.ac<\/a> un petit jeu pour vous essayer au kerning des lettres de diff\u00e9rentes polices d\u2019\u00e9criture. Alors vous arrivez \u00e0 quel score ?<\/p>\n

Inspiration<\/p>\n

#Flatdesign<\/p>\n

17 Examples Of Flat Web & App UI Designs<\/a> des exemples de design d\u2019interface \u201cflat\u201d qui ne ressemblent pas toutes \u00e0 du metro \/ modern UI<\/p>\n

#WallPaper<\/p>\n

Liam Brazier <\/a>les wall paper super h\u00e9ros en formes g\u00e9om\u00e9triques de cet illustrateur me font r\u00eaver<\/p>\n

#Redesign<\/p>\n

Redsgned.com<\/a> un site qui rassemble des redesigns non sollicit\u00e9s de marques c\u00e9l\u00e8bres<\/p>\n

#Gifs Anim\u00e9s<\/p>\n

Madebyabvh.tumblr.com<\/a> un petit tumblr tr\u00e8s sympa si vous aimez les beaux gifs anim\u00e9s avec parcimonie \u00a0et po\u00e9sie<\/p>\n

#Insolite et fun
\nBrockdavis.tumblr.com<\/a> le tumblr de Davis Brock plein d\u2019id\u00e9es d\u2019objets et montages funs, surr\u00e9alistes d\u2019objets du quotidien<\/p>\n

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

Et le site coup de coeur de la semaine www.cultcut.com<\/a> pour retrouver les rubriques cultes de flim, car ce flim n’est pas un flim sur le cyclimse !<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 13 ans. Il se peut qu’il ne soit plus \u00e0 jour.Une semaine de liens sans tutoriels mais qui plaira aux graphistes, designers et illustrateurs car beaucoup de ressources de kit d’ic\u00f4nes, template d’UI Android ainsi que deux plugins Photoshop pour vous simplifier la vie.\u00a0 La partie inspiration de cette semaine est \u00e9galement particuli\u00e8rement fournie avec du flat design, des wallpaper et de tr\u00e8s jolis gifs anim\u00e9s. Des ressources utiles #Ic\u00f4nes pixicon.jackietrananh.com une …<\/p>\n","protected":false},"author":3,"featured_media":1262,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1261","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #49 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Pour les graphistes, des kits d'UI Android, UI plus g\u00e9n\u00e9raliste et des ic\u00f4nes pour projets web, le d\u00e9bat du flat design, des plugins Photoshop et des modales accessibles.\" \/>\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-et-du-code-49\/\" \/>\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 #49 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Pour les graphistes, des kits d'UI Android, UI plus g\u00e9n\u00e9raliste et des ic\u00f4nes pour projets web, le d\u00e9bat du flat design, des plugins Photoshop et des modales accessibles.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/\" \/>\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-02-15T07:44:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/02\/pixelcode49.png\" \/>\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\/png\" \/>\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\/des-pixels-et-du-code-49\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/\",\"name\":\"Des pixels et du code #49 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/02\/pixelcode49.png\",\"datePublished\":\"2013-02-15T07:44:32+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Pour les graphistes, des kits d'UI Android, UI plus g\u00e9n\u00e9raliste et des ic\u00f4nes pour projets web, le d\u00e9bat du flat design, des plugins Photoshop et des modales accessibles.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/02\/pixelcode49.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/02\/pixelcode49.png\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #49\"},{\"@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":"Des pixels et du code #49 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Pour les graphistes, des kits d'UI Android, UI plus g\u00e9n\u00e9raliste et des ic\u00f4nes pour projets web, le d\u00e9bat du flat design, des plugins Photoshop et des modales accessibles.","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-et-du-code-49\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #49 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Pour les graphistes, des kits d'UI Android, UI plus g\u00e9n\u00e9raliste et des ic\u00f4nes pour projets web, le d\u00e9bat du flat design, des plugins Photoshop et des modales accessibles.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-02-15T07:44:32+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/02\/pixelcode49.png","type":"image\/png"}],"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\/des-pixels-et-du-code-49\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/","name":"Des pixels et du code #49 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/02\/pixelcode49.png","datePublished":"2013-02-15T07:44:32+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Pour les graphistes, des kits d'UI Android, UI plus g\u00e9n\u00e9raliste et des ic\u00f4nes pour projets web, le d\u00e9bat du flat design, des plugins Photoshop et des modales accessibles.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-49\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/02\/pixelcode49.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/02\/pixelcode49.png","width":700,"height":200,"caption":"Des pixels et du code #49"},{"@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\/1261","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=1261"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1261\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1262"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}