{"id":714,"date":"2012-05-11T07:59:28","date_gmt":"2012-05-11T05:59:28","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=714"},"modified":"2012-05-11T07:59:28","modified_gmt":"2012-05-11T05:59:28","slug":"des-pixels-et-du-code-09","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/","title":{"rendered":"Des pixels et du code #09"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 14 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Cette semaines a \u00e9t\u00e9 riche en liens concernant l’ergonomie, les bonnes pratiques et l’exp\u00e9rience utilisateur. Boutons, call to action, ou navigation, quelques liens utiles pour nous rappeler les bonnes pratiques, mais \u00e9galement de la typographie, les nouveaut\u00e9s d’illustrator CS6 et un site d\u00e9di\u00e9 aux designers d’application mobile, une 9em \u00e9dition des pixels et du code plus orient\u00e9e designers cette semaine.<\/p>\n

Les tutoriels de la semaine :<\/p>\n

#Photoshop<\/p>\n

5 Cool & Quick Photoshop Shadow Tricks<\/a><\/p>\n

#CSS3<\/p>\n

Code a Set of Animated App Store Buttons With CSS<\/a> : un tutoriel qui utilise des animations CSS3 pour cr\u00e9er trois boutons qui s\u2019ouvrent au survol<\/p>\n

#Fireworks #jQueryMobile<\/p>\n

Creating jQuery Mobile website themes in Fireworks <\/a><\/p>\n

#Iconic
\nPas vraiment un tutoriel a proprement parler, mais l\u2019article The Making of Octicons <\/a>revient sur la fabrication de la nouvelle font icon pour github.<\/p>\n

Des ressources \u00a0utiles<\/p>\n

#Responsive<\/p>\n

Panoramica<\/a>, encore un slider responsive<\/p>\n

#Typographie<\/p>\n

Web Fonts Vs Commercial Fonts + 150 Great Web Typefaces <\/a>, un article tr\u00e8s pratique qui met cote \u00e0 cote des fonts payantes et des Google Fonts, la diff\u00e9rence est parfois minime.<\/p>\n

#RESS<\/p>\n

Getting started with RESS, un tutoriel tr\u00e8s d\u00e9taill\u00e9 pour d\u00e9buter avec du responsive webdesign coupl\u00e9 avec de l\u2019optimisation c\u00f4t\u00e9 serveur.<\/a><\/p>\n

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

#Table<\/p>\n

editablegrid<\/a> , une api pour cr\u00e9er des tableaux \u00e9ditables<\/p>\n

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

#Typographie # Inspiration<\/p>\n

40+ Beautiful And Creative Letterpress Designs<\/a> \u00a0: 40 cartes de visite en letterpress pour votre inspiration<\/p>\n

#Inspiration<\/p>\n

Des gifs anim\u00e9s sympas<\/a> qui n\u2019en ont pas l\u2019air<\/p>\n

#Ergonomie<\/p>\n

Mistakes to Take Note of in Designing for a Website\u2019s Call to Action<\/a>, un article qui r\u00e9sume les bonnes pratriques en matire de placement des boutons \u201ccall to action\u201d sur les pages pour qu\u2019ils soient efficaces.<\/p>\n

#UX
\nRemoving Stumbling Blocks In Mobile Forms<\/a>, un excellent article plein de bons conseils pour cr\u00e9er des formulaires pour mobiles facilement utilisables qui ne vont pas frustrer l\u2019utilisateur<\/p>\n

#Typographie<\/p>\n

Pressingletters.com,\u00a0<\/a> un site d\u00e9di\u00e9 au Letterpress.<\/p>\n

#Illustrator<\/p>\n

Illustrator cs6<\/a> : un r\u00e9sum\u00e9 des nouvelles fonctionnalit\u00e9s prometteuses d\u2019Adobe Illustrator CS6<\/p>\n

#UX<\/p>\n

Effective Presentation of a Website\u2019s Navigation<\/a>, un article qui reprend les concepts cl\u00e9s dans le choix d\u2019une navigation de site web efficace et ergonomique<\/p>\n

#UI<\/p>\n

Principles of User Interface Design <\/a>: 20 principes cl\u00e9 dans le design d\u2019interface utilisateur.<\/p>\n

 <\/p>\n

Le site de la semaine : Scoutzie.com<\/a>, un site qui met en avant les designers applications mobiles<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 14 ans. Il se peut qu’il ne soit plus \u00e0 jour.Cette semaines a \u00e9t\u00e9 riche en liens concernant l’ergonomie, les bonnes pratiques et l’exp\u00e9rience utilisateur. Boutons, call to action, ou navigation, quelques liens utiles pour nous rappeler les bonnes pratiques, mais \u00e9galement de la typographie, les nouveaut\u00e9s d’illustrator CS6 et un site d\u00e9di\u00e9 aux designers d’application mobile, une 9em \u00e9dition des pixels et du code plus orient\u00e9e designers cette semaine. Les tutoriels …<\/p>\n","protected":false},"author":3,"featured_media":715,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-714","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #09 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Boutons, call to action, ou navigation, de la typographie, les nouveaut\u00e9s d'illustrator CS6 et un site d\u00e9di\u00e9 aux designers d'application mobile.\" \/>\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-09\/\" \/>\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 #09 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Boutons, call to action, ou navigation, de la typographie, les nouveaut\u00e9s d'illustrator CS6 et un site d\u00e9di\u00e9 aux designers d'application mobile.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/\" \/>\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-05-11T05:59:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/05\/ppetcode09.jpg\" \/>\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\/jpeg\" \/>\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=\"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-et-du-code-09\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/\",\"name\":\"Des pixels et du code #09 - 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-09\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/ppetcode09.jpg\",\"datePublished\":\"2012-05-11T05:59:28+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Boutons, call to action, ou navigation, de la typographie, les nouveaut\u00e9s d'illustrator CS6 et un site d\u00e9di\u00e9 aux designers d'application mobile.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/ppetcode09.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/ppetcode09.jpg\",\"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\":{\"@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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?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 #09 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Boutons, call to action, ou navigation, de la typographie, les nouveaut\u00e9s d'illustrator CS6 et un site d\u00e9di\u00e9 aux designers d'application mobile.","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-09\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #09 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Boutons, call to action, ou navigation, de la typographie, les nouveaut\u00e9s d'illustrator CS6 et un site d\u00e9di\u00e9 aux designers d'application mobile.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-05-11T05:59:28+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/05\/ppetcode09.jpg","type":"image\/jpeg"}],"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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/","name":"Des pixels et du code #09 - 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-09\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/ppetcode09.jpg","datePublished":"2012-05-11T05:59:28+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Boutons, call to action, ou navigation, de la typographie, les nouveaut\u00e9s d'illustrator CS6 et un site d\u00e9di\u00e9 aux designers d'application mobile.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-09\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/ppetcode09.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/ppetcode09.jpg","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":{"@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\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?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\/714","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=714"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/714\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/715"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}