{"id":749,"date":"2012-06-08T10:18:09","date_gmt":"2012-06-08T08:18:09","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=749"},"modified":"2012-06-08T10:18:09","modified_gmt":"2012-06-08T08:18:09","slug":"des-pixels-et-du-code-13","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/","title":{"rendered":"Des Pixels et du code #13"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Encore une semaine avec beaucoup de liens et de nouveaut\u00e9s dans la communaut\u00e9 : des tutoriels Photoshop et du responsive avec un retour d’exp\u00e9rience sur un site en ligne, du design Android et des principe d’ergonomie expliqu\u00e9es avec des comic books<\/p>\n

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

#Photoshop #CS6
\nPhotoshop CS6 masking <\/a>, les astuces concernant les fonctionnalit\u00e9s de masques vectoriels et de pixel sur Photoshop CS6<\/p>\n

#Responsive
\nCreate a responsive mobile first menu<\/a>, un tutoriel pour cr\u00e9er un menu responsive avec un peu de scripts. Notez qu\u2019il faut ouvrir la d\u00e9mo sur un mobile pour voir le r\u00e9sultat<\/p>\n

Adaptive images<\/a>, une vid\u00e9o de 50 minutes qui revient sur le concept de responsive webdesign et propose des solutions pour les images.<\/p>\n

Des ressources \u00a0utiles<\/h2>\n

#GoogleMaps #jQuery<\/p>\n

Gmaps<\/a> , un plugin jQuery pour se faciliter la vie avec l\u2019API de Google maps et cr\u00e9er facilement des cartes dynamiques pour vos sites<\/p>\n

#jQuery<\/p>\n

Useful jQuery Function Demos For Your Projects <\/a>un article qui pr\u00e9sente, d\u00e9monstration et code \u00e0 l\u2019appuie, quelques fonctions jQuery que vous risquez d\u2019utiliser assez souvent dans vos diff\u00e9rents projets<\/p>\n

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

#Images
\nPixabay<\/a> , un moteur de recherche pour trouver des images dans le domaine public<\/p>\n

#iOs #icon
\nTestico<\/a> , pour tester ce \u00e0 quoi va ressembler votre icone sur iOs<\/p>\n

#Mobile
\nQuojs.tapquo<\/a> , une librairie (pas jQuery !!) l\u00e9g\u00e8re pour vous faciliter la vie avec le DOM, l\u00e9g\u00e8re et orient\u00e9e mobile<\/p>\n

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

#Inspiration #Infographic<\/p>\n

Copyrighter VS Art Director<\/a>, une jolie s\u00e9rie d\u2019illustrations qui comparent les deux m\u00e9tiers<\/p>\n

#Photoshop<\/p>\n

Adobe Photoshop quick tips <\/a>: isoler un trac\u00e9, \u00e9tendre les smart object ou encore ajouter jusqu\u2019\u00e0 5 bordures \u00e0 un objet, u<\/a>ne liste de 7 petites astuces pour travailler dans Photoshop<\/p>\n

#Fireworks<\/p>\n

Wireframing & Prototyping with Adobe Fireworks \u2013 Resources and Tutorials<\/a> un vieil article mais toujours sympa avec une liste de ressources pour cr\u00e9er des wireframes en utilisant Fireworks<\/p>\n

#DPI<\/p>\n

DPI vs. Pixels: What Do I Use? <\/a>si les notions de dpi et pixel sont encore confuses pour vous, cet article revient sur les principes de base, et leur utilisation dans des logiciels type Photoshop et la diff\u00e9rence web \/ print<\/p>\n

#JavaScript #API<\/p>\n

Augmented Reality comes to JavaScript<\/a>, la rencontre entre la r\u00e9alit\u00e9 augment\u00e9e et le JavaScript avec quelques exp\u00e9riences assez prometteuses.<\/p>\n

#Responsive<\/p>\n

We need a standard show navigation icon for responsive web design<\/a>, icone plus, de grille ou encore de liste, une analyse des propositions en termes d’ic\u00f4nes sur des designs responsive adapt\u00e9s aux mobiles pour montrer \u00e0 l\u2019utilisateur qu\u2019une navigation se cache sous le bouton<\/p>\n

#Webdesign<\/p>\n

Quick Tip: Rounded Corners Done Right<\/a>, ou comment cr\u00e9er un bord arrondi r\u00e9aliste qui ne choque pas d\u2019\u0153il de l\u2019utilisateur qui le regarde.<\/p>\n

#License<\/p>\n

Which license do you choose for your code?<\/a> , pour y voir plus clair avec les diff\u00e9rents types de licence qui existent<\/p>\n

#Android<\/p>\n

Getting To Know The Android Platform: Building, Testing And Distributing Apps<\/a> une tr\u00e8s bonne introduction et explication de ce qu\u2019est la plateforme Android (en opposition \u00e0 iOs), quelques principes de design et d\u2019ergonomie Android et conseils de d\u00e9veloppement et tests<\/p>\n

#RWD<\/p>\n

Nouveau site de Nealite <\/a>: retour d\u2019exp\u00e9rience sur le responsive design<\/p>\n

#Mobile design<\/p>\n

The 7 deadly sins of mobile app design <\/a>, 7 erreurs \u00e0 ne pas commettre lorsque vous cr\u00e9ez le design d\u2019une application mobile pour \u00e9viter de passer pour un amateur<\/p>\n

#UX<\/p>\n

Comics and UX, Part 1: Cross-disciplinary Techniques<\/a>, une superbe all\u00e9gorie utilisant des comic books pour expliquer de fa\u00e7on simple et illustr\u00e9 les principes cl\u00e9 de l\u2019ergonomie et des interactions utilisateur. Et la partie 2 de l\u2019article<\/a>.<\/p>\n

Et l\u2019article coup de c\u0153ur de la semaine, \u201cWhat do you do<\/a>\u201d , ou l\u2019explication du paradoxe du webdesigner et de l\u2019incompr\u00e9hension du publique face \u00e0 cette profession \u00e0 une \u00e9poque o\u00f9 le design est devenue une partie tellement int\u00e9grante de notre environnement que plus personne n\u2019y fait attention<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu’il ne soit plus \u00e0 jour.Encore une semaine avec beaucoup de liens et de nouveaut\u00e9s dans la communaut\u00e9 : des tutoriels Photoshop et du responsive avec un retour d’exp\u00e9rience sur un site en ligne, du design Android et des principe d’ergonomie expliqu\u00e9es avec des comic books Les tutoriels de la semaine #Photoshop #CS6 Photoshop CS6 masking , les astuces concernant les fonctionnalit\u00e9s de masques vectoriels et de …<\/p>\n","protected":false},"author":3,"featured_media":750,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-749","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes Pixels et du code #13 - 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=\"Des tutoriels Photoshop et du responsive du design Android et des principe d'ergonomie expliqu\u00e9es avec des comic books\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-4165.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 #13 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Des tutoriels Photoshop et du responsive du design Android et des principe d'ergonomie expliqu\u00e9es avec des comic books\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/\" \/>\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=\"2012-06-08T08:18:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/06\/pixeletcode13.png\" \/>\n\t<meta property=\"og:image:width\" content=\"630\" \/>\n\t<meta property=\"og:image:height\" content=\"180\" \/>\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=\"@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-et-du-code-13\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/\",\"name\":\"Des Pixels et du code #13 - 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-13\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixeletcode13.png\",\"datePublished\":\"2012-06-08T08:18:09+00:00\",\"dateModified\":\"2012-06-08T08:18:09+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Des tutoriels Photoshop et du responsive du design Android et des principe d'ergonomie expliqu\u00e9es avec des comic books\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixeletcode13.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixeletcode13.png\",\"width\":630,\"height\":180},{\"@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 #13 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Des tutoriels Photoshop et du responsive du design Android et des principe d'ergonomie expliqu\u00e9es avec des comic books","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-13\/","og_locale":"fr_FR","og_type":"article","og_title":"Des Pixels et du code #13 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Des tutoriels Photoshop et du responsive du design Android et des principe d'ergonomie expliqu\u00e9es avec des comic books","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-06-08T08:18:09+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/06\/pixeletcode13.png","type":"image\/png"}],"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-et-du-code-13\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/","name":"Des Pixels et du code #13 - 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-13\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixeletcode13.png","datePublished":"2012-06-08T08:18:09+00:00","dateModified":"2012-06-08T08:18:09+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Des tutoriels Photoshop et du responsive du design Android et des principe d'ergonomie expliqu\u00e9es avec des comic books","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-13\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixeletcode13.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/06\/pixeletcode13.png","width":630,"height":180},{"@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\/749"}],"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=749"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/749\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/750"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}