{"id":686,"date":"2012-04-26T19:28:43","date_gmt":"2012-04-26T17:28:43","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=686"},"modified":"2012-04-26T19:28:43","modified_gmt":"2012-04-26T17:28:43","slug":"des-pixels-et-du-code-07","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/","title":{"rendered":"Des pixels et du code #07"},"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 semaine dans la 7em \u00e9dition des pixels et du code, j\u2019ai essay\u00e9 de mettre un peu d\u2019ordre dans les liens, et de les classer en \u201ccat\u00e9gories\u201d : beaucoup de ressources sur Fireworks, souvent mis de c\u00f4t\u00e9 au profit de Photoshop, et pourtant il a du potentiel, quelques liens sur la mobilit\u00e9 (applications iOs, HTML, jQueryMobile et optimisation mobile) et quelques liens consacr\u00e9s au wireframing (ou maquettage).<\/p>\n

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

#iOs design<\/p>\n

Tutorial: How to design a chatroom iPhone UI <\/a>, un tutoriel sur comment cr\u00e9er pas \u00e0 pas l\u2019UI d\u2019une application de chat iOs.<\/p>\n

#Fireworks<\/p>\n

Getting Started with Fireworks: Using Master Pages, Pages, and Web Layers<\/a> une vid\u00e9o pour bien commencer avec Fireworks<\/p>\n

#IE<\/p>\n

Comment interdire le mode de compatibilite sur ie<\/a> , tout est dans le titre :)<\/p>\n

Des ressources \u00a0utiles :<\/h2>\n

#Fireworks<\/p>\n

Wireframing & Prototyping with Adobe Fireworks \u2013 Resources and Tutorials<\/a> des outils de wireframeing et des ressources pour ce logiciel quelque peu m\u00e9connu pour beaucoup de la suite Adobe<\/p>\n

#Wireframing<\/p>\n

Un ensemble de templates pr\u00eates \u00e0 \u00eatre imprim\u00e9es<\/a> pour faire du wireframing au crayon et stylo.<\/p>\n

#Photoshop
\nThe Ultimate Web Design Workspace for Photoshop<\/a>, une proposition de workspace dans photoshop, test\u00e9 avec quelques modifications, c\u2019est pas mal du tout.<\/p>\n

#jQuery
\nA Beginner \u00a0Guide to jQuery <\/a>\u00a0Un guide en anglais pour bien d\u00e9buter avec quelques techniques, selecteurs et fonctions de base de jQuery<\/p>\n

#UI #UX<\/p>\n

UI: Proper Indicators for Hidden Elements<\/a> \u00a0un article int\u00e9ressant avec quelques principes d\u2019interface base pour cr\u00e9er des indicateurs visuels efficaces pour du contenu cach\u00e9 de base \u00e0 l\u2019utilisateur.<\/p>\n

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

#Texture<\/p>\n

Noisetexturegenerator<\/a> : un g\u00e9n\u00e9rateur de bruit pour vos designs en trois clics, t\u00e9l\u00e9chargez, utilisez.<\/p>\n

#Responsive<\/p>\n

Screenqueri.es<\/a>, un outil pour tester au pixel pr\u00e8s son site Responsive<\/p>\n

#jQuery Plugin<\/p>\n

http:\/\/www.wookmark.com\/jquery-plugin<\/a> Un plugin qui permet de faire des layouts en grille qui s\u2019adaptent \u00e0 la taille du navigateur<\/p>\n

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

#Mobile<\/p>\n

A Non responsive approach to building cross device webapps<\/a> : un article qui va au del\u00e0 des techniques responsive uniquement avec des media querie pour les webapps et propose des solutions plus pouss\u00e9es (scripts, optimisation c\u00f4t\u00e9 serveur, etc.)<\/p>\n

#UI #UX<\/p>\n

Une chouette image qui illustre la diff\u00e9rence entre l\u2019UI et l\u2019UX expliqu\u00e9e avec des c\u00e9r\u00e9ales<\/a><\/p>\n

#Geek<\/p>\n

AVENGERS : Tout ce que vous devez savoir pour kiffer le film (et briller en soci\u00e9t\u00e9),<\/a> un peu de d\u00e9tente entre deux lignes de code \u00a0et un bon r\u00e9sum\u00e9 (pas de spoil sur le film lui m\u00eame)<\/p>\n

 <\/p>\n

Et pour finir, la d\u00e9couverte, le site \u00e0 suivre si vous appr\u00e9ciez le wireframing, le prototypage : Wireframes.linowski.ca<\/a><\/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 semaine dans la 7em \u00e9dition des pixels et du code, j\u2019ai essay\u00e9 de mettre un peu d\u2019ordre dans les liens, et de les classer en \u201ccat\u00e9gories\u201d : beaucoup de ressources sur Fireworks, souvent mis de c\u00f4t\u00e9 au profit de Photoshop, et pourtant il a du potentiel, quelques liens sur la mobilit\u00e9 (applications iOs, HTML, jQueryMobile et optimisation mobile) et quelques liens …<\/p>\n","protected":false},"author":3,"featured_media":687,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-686","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #07 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Des ressources sur Fireworks, un tutoriel iOs, des ressources texture et responsive utiles et quelques liens consacr\u00e9s au wireframing\" \/>\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-07\/\" \/>\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 #07 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Des ressources sur Fireworks, un tutoriel iOs, des ressources texture et responsive utiles et quelques liens consacr\u00e9s au wireframing\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/\" \/>\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-04-26T17:28:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/04\/pixeletcode7.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-07\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/\",\"name\":\"Des pixels et du code #07 - 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-07\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/04\/pixeletcode7.jpg\",\"datePublished\":\"2012-04-26T17:28:43+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Des ressources sur Fireworks, un tutoriel iOs, des ressources texture et responsive utiles et quelques liens consacr\u00e9s au wireframing\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/04\/pixeletcode7.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/04\/pixeletcode7.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\/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 #07 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Des ressources sur Fireworks, un tutoriel iOs, des ressources texture et responsive utiles et quelques liens consacr\u00e9s au wireframing","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-07\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #07 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Des ressources sur Fireworks, un tutoriel iOs, des ressources texture et responsive utiles et quelques liens consacr\u00e9s au wireframing","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-04-26T17:28:43+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/04\/pixeletcode7.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-07\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/","name":"Des pixels et du code #07 - 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-07\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/04\/pixeletcode7.jpg","datePublished":"2012-04-26T17:28:43+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Des ressources sur Fireworks, un tutoriel iOs, des ressources texture et responsive utiles et quelques liens consacr\u00e9s au wireframing","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-07\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/04\/pixeletcode7.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/04\/pixeletcode7.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\/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\/686","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=686"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/686\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/687"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}