{"id":2427,"date":"2014-02-28T08:45:20","date_gmt":"2014-02-28T07:45:20","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2427"},"modified":"2014-02-28T08:45:50","modified_gmt":"2014-02-28T07:45:50","slug":"des-pixels-du-code-103","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/","title":{"rendered":"Des pixels et du code #103"},"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. Une semaine qui tourne autour de la mobilit\u00e9 et vous apprendrez notamment comment tester vos interfaces avec une banane (oui une banane), de la performance dans les articles de la semaine, et quelques plugins Photoshop et Fireworks pour vous aider dans votre travail. Sans oublier le \u00e0 ne pas manquer cette semaine qui vous expliquera tout sur les ligatures et l’OpenType.
\nPour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

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

#Performance
\nDesign for Performance<\/a> la performance web passe aussi par le design, une pr\u00e9sentation par \u00a0Lara Swanson de chez Etsy<\/p>\n

\"Design<\/p>\n

#Responsive
\nResponsive Strategy<\/a> Brad Frost expliquer plusieurs techniques de strat\u00e9gie pour un site fonctionnel sur mobile : site responsive en partant de la version \u201cde bureau\u201d, site responsive mobile first et \u00a0responsive retrofitting, etc.<\/p>\n

#StyleGuide
\nHow To Make An Effective Style Guide With Adobe Fireworks<\/a> ou comment cr\u00e9er des style guide pour vos int\u00e9grateurs \u00e0 l\u2019aide de Fireworks<\/p>\n

#Partages Sociaux
\nGOV.UK social sharing buttons: the first 10 weeks<\/a>\u00a0\u00bb quelques donn\u00e9es brut sur l\u2019utilisation des boutons de partage sociaux de gov.uk<\/p>\n

\"GOV.UK<\/p>\n

#Pixel Perfect
\nPixel Perfect Precision Handbook 3<\/a>, la 3e \u00e9dition du petit guide de design est disponible en ebook<\/p>\n

#Logo
\nThe ultimate guide to logo design<\/a> le guide du design de logos: formes, processus et m\u00eames quelques outils pour faire des logos \u00e0 moindre co\u00fbt (comme quoi squarespace n\u2019a rien invent\u00e9)<\/p>\n

#Lorem Ipsum
\nWhat happens when placeholder text doesn\u2019t get replaced <\/a>quelques exemples de design, affiches et applications o\u00f9 l\u2019on a oubli\u00e9 de remplacer le texte de remplacement ^^<\/p>\n

#Test
\nPass the banana – testing mobile accessibility<\/a>, tester les zones cliquables de son applications\/site mobile avec une banane pour v\u00e9rifier qu\u2019elles sont facilement accessibles au doigt, un id\u00e9e bien fun mais pas si b\u00eate que \u00e7a<\/p>\n

\"Pass<\/p>\n

#Relation client
\n\u00ab\u00a0La tristesse m\u2019envahit\u2026<\/a>\u00a0\u00bb un retour sur certaines r\u00e9alit\u00e9s bien tristes de nos m\u00e9tiers<\/p>\n

#Responsive
\nIs Responsive Design the Right Choice for Enterprise E-Commerce Retailers?<\/a> \u00a0le responsive est-il fait pour mon projet e-commerce, quelques arguments et exemples par Mobify<\/p>\n

\"Is<\/p>\n

Inspiration<\/h2>\n

#Illustrations
\nMads Burcharth – Design & Illustration<\/a> un joli portfolio minimaliste tr\u00e8s color\u00e9<\/p>\n

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

#Jeux
\nTiny sneak peeks at indie<\/a>, weird, new, fresh, cancelled, beautiful, disturbing, intriguing, games<\/p>\n

\"Tiny<\/p>\n

#Logo
\nL\u2019\u00e9volution du logo de la Warner Bros.<\/a>entre 1923 et 2014<\/p>\n

\"The<\/p>\n

#Lego
\nThe Lego Movie<\/a> un impressionnant making-of des sc\u00e8nes du film Lego (et la chanson du g\u00e9n\u00e9rique en bonus !)<\/p>\n

#Illustrations
\nLes illustrations pleines de couleurs de David Saracinoart<\/a> devraient vous plaire cette semaine<\/p>\n

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

#3D
\nHow Nesting 3D Transformed Elements Works<\/a> un article o\u00f9 \u00a0@thebabydino<\/a> (la reine de la d\u00e9mo CSS 3D !) nous r\u00e9v\u00e8le certains secrets sur les transformations 3D<\/p>\n

#SVG
\nAnimating SVG With Clipping Masks and CSS <\/a>\u00a0animation de masques SVG<\/p>\n

\"Animating<\/p>\n

#SVG
\nBorder Animation Effect\u00a0\u00bb another great SVG CSS animation demo<\/a> \u00a0une d\u00e9monstration d\u2019animations SVG de bordures sur Codrops<\/p>\n

\"Border<\/p>\n

Des ressources utiles<\/h2>\n

#Vid\u00e9o
\nPixelcasts.io<\/a> \u00a0promises monthly video of a designer creating things. Might be nice to watch :)<\/p>\n

#Photoshop plugin
\nMadebysource.com<\/a> \u00a0to help you slice and export assets in Photoshop (for $39.99)<\/p>\n

\"pnghat\"<\/p>\n

#Fireworks
\nProject Phoenix<\/a> un projet qui tente de faire revivre des extensions et \u201cpanels\u201d pour Fireworks<\/p>\n

Des ressources gratuites<\/h2>\n

#Wireframe
\nC. Rowe Wireframe & UI Kit<\/a> un kit d\u2019\u00e9l\u00e9ments d\u2019interface en .EPS \u00e0 utiliser pour vos wireframes<\/p>\n

\"C.<\/p>\n

#Template
\n[MAJ] Template Photoshop et Illustrator d\u2019appareil mobile et desktop<\/a>\u00a0des templates d’appareils mobiles, d’ordinateur de bureau et ordinateur portable<\/p>\n

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

#Typographie
\nTypequest.org<\/a> si vous n’avez le temps de visite qu’un site aujourd’hui je vous conseille fortement Type Quest, un \u00a0site qui explique aux designers et int\u00e9grateurs tout ce qu’il faut savoir sur les possibilit\u00e9s de l’Open Type <3<\/p>\n

\"Typequest.org<\/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. Une semaine qui tourne autour de la mobilit\u00e9 et vous apprendrez notamment comment tester vos interfaces avec une banane (oui une banane), de la performance dans les articles de la semaine, et quelques plugins Photoshop et …<\/p>\n","protected":false},"author":3,"featured_media":2444,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2427","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 #103 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <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 103\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3543.html \/>\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 #103 - 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 103\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/\" \/>\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-28T07:45:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-02-28T07:45:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/02\/pixecode102.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-103\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/\",\"name\":\"Des pixels et du code #103 - 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-103\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixecode102.jpg\",\"datePublished\":\"2014-02-28T07:45:20+00:00\",\"dateModified\":\"2014-02-28T07:45:50+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 103\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixecode102.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixecode102.jpg\",\"width\":850,\"height\":350,\"caption\":\"Des pixels et du code #103\"},{\"@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 #103 - 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 103","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-103\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #103 - 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 103","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-02-28T07:45:20+00:00","article_modified_time":"2014-02-28T07:45:50+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/02\/pixecode102.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-103\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/","name":"Des pixels et du code #103 - 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-103\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixecode102.jpg","datePublished":"2014-02-28T07:45:20+00:00","dateModified":"2014-02-28T07:45:50+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 103","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-103\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixecode102.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/02\/pixecode102.jpg","width":850,"height":350,"caption":"Des pixels et du code #103"},{"@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\/2427"}],"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=2427"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2427\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2444"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}