{"id":2121,"date":"2013-11-29T08:55:15","date_gmt":"2013-11-29T07:55:15","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2121"},"modified":"2013-11-29T08:55:15","modified_gmt":"2013-11-29T07:55:15","slug":"pixels-du-code-90","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/","title":{"rendered":"Des pixels et du code #90"},"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.<\/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

\"educate\"<\/p>\n

#Feedback<\/p>\n

Educate, don\u2019t humiliate \u00a0(AKA Not being a design dickhead)<\/a> \u00e9duquer les jeunes designer au lieu de d\u00e9truire leurs tentatives, car nous avons tous \u00e9t\u00e9 \u00e0 leur place un jour<\/p>\n

#iOS design<\/p>\n

Design it to look like my shit<\/a> une parodie de ce qu\u2019il ne faudrait pas faire pour le design d\u2019applications iOS<\/p>\n

#English !<\/p>\n

History of English<\/a>, la jolie histoire de la langue anglaise illustr\u00e9e en une tr\u00e8s dr\u00f4le vid\u00e9o de 12 minutes<\/p>\n

\"Working<\/p>\n

#Photoshop Astuce<\/p>\n

Collective .PSD: Tips for Working in Photoshop for Teams<\/a> \u00a0quelques bons conseils pour travailler en \u00e9quipe sur Photoshop<\/p>\n

#Wireframe<\/p>\n

The 8 Steps To Creating A Great Storyboard<\/a> un guide en 8 \u00e9tapes pour cr\u00e9er des storiboards d\u2019applications et sites<\/p>\n

#Design Culture<\/p>\n

Building a Design Practice, Don\u2019t just do design, practice it<\/a> ou comment cr\u00e9er une culture de design dans une petite entreprise et travailler main dans la main au quotidien<\/p>\n

#Social<\/p>\n

Non-Creepy Networking: Party Etiquette<\/a> Jessica Hische vous donne des conseils pour sociabiliser en soir\u00e9e aux conf\u00e9rences et \u00e9v\u00e8nements web<\/p>\n

#Copyright<\/p>\n

Dear Mr. Lee<\/a>\u00a0l\u2019histoire de la violation de copyright sur l\u2019affiche de Old Boy<\/p>\n

Inspiration<\/h2>\n

\"designfav\"<\/p>\n

#Inspiration<\/p>\n

Designfaves.com<\/a> un blog qui vous proposer une s\u00e9lection d\u2019articles pour vous inspirer dans diff\u00e9rents domaines cr\u00e9atifs<\/p>\n

South Rose, a beautiful project and \u00a0free typeface inspired by stained glass windows http:\/\/www.behance.net\/gallery\/South-Rose-Free-Typeface\/10522583<\/a><\/p>\n

#Animation<\/p>\n

Kano<\/a> un site plein de couleurs et d\u2019animations au d\u00e9filement (et le produit \u00e0 l\u2019air tr\u00e8s sympa)<\/p>\n

\u00a0\"altspace\"<\/p>\n

#Shape<\/p>\n

Altspace.com<\/a> un portfolio qui pr\u00e9sente les travaux sous forme de blobs difformes, techniquement impressionnant<\/p>\n

#Android<\/p>\n

\u00ab\u00a0Cover<\/a> learns when and where you use different apps\u00a0\u00bb un concept de launcher Android qui apprend les habitudes de l\u2019utilisateur pour lui proposer les applications en fonction de son contexte d\u2019utilisation<\/p>\n

#Typographie<\/p>\n

L\u2019impressionnant maiking of de la police FF Quixo <\/a><\/p>\n

\"css<\/p>\n

#Typography<\/p>\n

Apothecary<\/a> un th\u00e8me pour CSS Zen Garden avec un accent mis sur la typographie (cr\u00e9\u00e9 par Typekit<\/a> )<\/p>\n

 <\/p>\n

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

\"lettering\"<\/p>\n

#Lettering<\/p>\n

A venir \u201cLearn Lettering<\/a>\u201d des cours en ligne de lettrage donn\u00e9s par Sean McCabe + un ebook \u201c10-step Introductory Lettering Guide\u201d pour la souscription \u00e0 la newsletter<\/p>\n

#Icon<\/p>\n

Designing Iconic Across Different Sizes<\/a>\u00a0cr\u00e9er des ic\u00f4nes qui fonctionne dans diff\u00e9rentes tailles, pas aussi facile qu’il n’en a l’air<\/p>\n

#SVG<\/p>\n

SVG Icons FTW<\/a> ce que l\u2019on peut faire avec du SVG et un peu de CSS ainsi qu\u2019une librairie d\u2019icones SVG en ligne Iconmelon.com<\/a><\/p>\n

#Mobile UX<\/p>\n

A 25 points checklist for Mobile UX<\/a> 25 bonnes pratiques pour la mobilit\u00e9 r\u00e9sum\u00e9s dans une \u201cchecklist\u201d (et un lien direct \u00a0vers PDF \u00e0 t\u00e9l\u00e9charger <\/a>)<\/p>\n

#Photoshop<\/p>\n

Saviez-vous qu\u2019il est possible de cr\u00e9er des \u201cformes\u201d de texte dans Photoshop <\/a>presque aussi facilement que dans Illustrator ?<\/p>\n

Des ressources utiles<\/h2>\n

#Breakpoint<\/p>\n

Breakpointtester.com<\/a> un bookmarklet qui scanen les feuilles de style de votre site pour pouvoir le tester point de rupture par point de rupture<\/p>\n

Des ressources gratuites<\/h2>\n

#Font<\/p>\n

Grux<\/a> une police d\u2019\u00e9criture gratuite \u00a0dans un style \u201c\u00e9crit \u00e0 la main\u201d<\/p>\n

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

\"Photoshoppler\"<\/p>\n

#Photoshop<\/p>\n

Photoshoplr<\/a> est un tumblr qui r\u00e9pertorie un nombre impressionnant de plugins Photoshop (et Illustrator parfois)<\/p>\n

#Outils<\/p>\n

\u00a0The best design tools for [choose your topic]<\/a>\u00a0une collection d’outils pour tous les domaines du webdesign<\/p>\n

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

#CSS<\/p>\n

Zero Lines JS game<\/a> un jeu uniquement en CSS o\u00f9 faut \u00e9viter les autres vaisseaux et attraper des caisses de ravitaillement<\/p>\n

#Canvas<\/p>\n

Ocan Wave Simulation<\/a> vous pouvez jouer avec le sens du vent, la taille et la tailles des cr\u00eates pour simuler un ocean en canvas<\/p>\n

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

\"Colour<\/p>\n

Le lien \u00e0 ne pas manquer cette semaine est un ebook que tous les designer devraient lire et qui traite d\u2019accessibilit\u00e9 des couleurs: Colour Accessibility<\/a>. Il co\u00fbte 2 Livres (donc moins qu\u2019\u2019un caf\u00e9 \u00e0 Paris), vous n\u2019avez donc aucune excuse de pas l\u2019acheter :)<\/p>\n

Et pour bien finir la semaine, le Smashing Book 4 est sorti<\/a> \u00a0et voici un site WTF<\/a> avec un poulet qui danse, une demoiselle qui chante, un chat soldat et tellement plus …<\/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. Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter. Bonne lecture :) Les articles \u00e0 lire #Feedback Educate, don\u2019t humiliate \u00a0(AKA Not being a design dickhead) \u00e9duquer les jeunes designer au lieu de d\u00e9truire …<\/p>\n","protected":false},"author":3,"featured_media":2134,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2121","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 #90 - 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 90\" \/>\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-90\/\" \/>\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 #90 - 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 90\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/\" \/>\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-29T07:55:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/11\/pixelcode90.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=\"4 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-90\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/\",\"name\":\"Des pixels et du code #90 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode90.jpg\",\"datePublished\":\"2013-11-29T07:55:15+00:00\",\"dateModified\":\"2013-11-29T07:55:15+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 90\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode90.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode90.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #90\"},{\"@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 #90 - 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 90","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-90\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #90 - 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 90","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-11-29T07:55:15+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/11\/pixelcode90.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/","name":"Des pixels et du code #90 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode90.jpg","datePublished":"2013-11-29T07:55:15+00:00","dateModified":"2013-11-29T07:55:15+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 90","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-90\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode90.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/11\/pixelcode90.jpg","width":700,"height":200,"caption":"Des pixels et du code #90"},{"@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\/2121","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=2121"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2121\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2134"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}