{"id":1117,"date":"2013-01-03T20:00:35","date_gmt":"2013-01-03T18:00:35","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1117"},"modified":"2013-01-04T09:49:28","modified_gmt":"2013-01-04T07:49:28","slug":"des-pixels-et-du-code-43","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/","title":{"rendered":"Des pixels et du code #43"},"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>

Cette semaine, pas vraiment de tutoriels, mais beaucoup d’articles \u00e0 lire sur le webdesign en g\u00e9n\u00e9ral, la typographie et la mobilit\u00e9 : retour aux fondamentaux pour le d\u00e9but d’ann\u00e9e. Bonne ann\u00e9e 2013 et bonne lecture !!<\/p>\n

Des ressources utiles<\/b><\/h2>\n

#jQueryMobile<\/p>\n

jQuery Mobile Download Builder <\/a>permet de ne t\u00e9l\u00e9charger que les parties de jQuery Mobile qui vous int\u00e9ressent, pour all\u00e9ger vos projets web !<\/p>\n

#Ic\u00f4nes<\/p>\n

Gemicon.net<\/a> une collection de plus de 600 ic\u00f4nes gratuites, format calques vectoriels Photoshop<\/p>\n

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

#Pr\u00e9sentation mobile<\/p>\n

Placeit.breezi.com<\/a> un site qui permet de drag and dropper vos screenshots sur des templates et images d\u2019appareil mobile, tablette et desktop pour partager votre travail<\/p>\n

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

#Typographie<\/p>\n

www.fontable.it <\/a>pas vraiment un article, mais un site qui propose des tables en forme de lettre.<\/p>\n

www.typeconnection.com<\/a> un site pour faire des tests de typo qui vont ensemble de mani\u00e8re tr\u00e8s interactive.<\/p>\n

#Calques<\/p>\n

Princess Layers<\/a> en dehors du jeu de mot, un article du point de vue de d\u00e9veloppeur qui explique pourquoi il pr\u00e9f\u00e8re d\u00e9couper les fichiers Photoshop tout seul, et l\u2019importance de l\u2019organiser des calques et groupes qui en d\u00e9coule.<\/p>\n

#Webdesign<\/p>\n

In search of the perfect radius <\/a>des comparatifs de bord arrondis int\u00e9rieurs et ext\u00e9rieurs pour choisir celui qui semble le mieux coller au design<\/p>\n

Are designer crazy ? <\/a>une lecture sympa \u00e0 propos du \u201cpixel perfect\u201d, au final l\u2019utilisateur va-t-il remarque le demi pixel flou, est-ce vraiment la peine de passer plus de temps \u00e0 optimiser ou pas ?<\/p>\n

#Mobile<\/p>\n

File Upload Support on Mobile (input type=file)<\/a> test et r\u00e9sultats du support de input type = file sur diff\u00e9rents navigateurs mobiles<\/p>\n

#RWD<\/p>\n

R\u00e9-\u00e9valuer l\u2019approche responsive sur desktop <\/a>\u00a0un retour d\u2019exp\u00e9rience de Kaelig<\/a> sur les challenges du site mobile de la BBC et les choix d\u2019un site mobile d\u00e9di\u00e9 hybride<\/p>\n

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

#CSS3<\/p>\n

thegoodman.cc<\/a>, la d\u00e9monstration CSS3 HTML5 impressionnante de la semaine (attention il parait qu\u2019elle a tendance \u00e0 faire exploser Firefox)<\/p>\n

Et la claque d\u2019animation de la semaine : Catzilla<\/a>, des chatons, du dubstep et des radiations !<\/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.Cette semaine, pas vraiment de tutoriels, mais beaucoup d’articles \u00e0 lire sur le webdesign en g\u00e9n\u00e9ral, la typographie et la mobilit\u00e9 : retour aux fondamentaux pour le d\u00e9but d’ann\u00e9e. Bonne ann\u00e9e 2013 et bonne lecture !! Des ressources utiles #jQueryMobile jQuery Mobile Download Builder permet de ne t\u00e9l\u00e9charger que les parties de jQuery Mobile qui vous int\u00e9ressent, pour all\u00e9ger vos projets web …<\/p>\n","protected":false},"author":3,"featured_media":1118,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1117","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #43 - 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=\"Packs d\u2019ic\u00f4nes, R\u00e9-\u00e9valuer l\u2019approche responsive sur desktop, les designers et le pixel perfect et des ressources pour tester sa police d'\u00e9criture avec d'autres\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3879.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 #43 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Packs d\u2019ic\u00f4nes, R\u00e9-\u00e9valuer l\u2019approche responsive sur desktop, les designers et le pixel perfect et des ressources pour tester sa police d'\u00e9criture avec d'autres\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/\" \/>\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-01-03T18:00:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-01-04T07:49:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/01\/pixeletcode43.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=\"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-43\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/\",\"name\":\"Des pixels et du code #43 - 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-43\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode43.jpg\",\"datePublished\":\"2013-01-03T18:00:35+00:00\",\"dateModified\":\"2013-01-04T07:49:28+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Packs d\u2019ic\u00f4nes, R\u00e9-\u00e9valuer l\u2019approche responsive sur desktop, les designers et le pixel perfect et des ressources pour tester sa police d'\u00e9criture avec d'autres\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode43.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode43.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #43\"},{\"@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 #43 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Packs d\u2019ic\u00f4nes, R\u00e9-\u00e9valuer l\u2019approche responsive sur desktop, les designers et le pixel perfect et des ressources pour tester sa police d'\u00e9criture avec d'autres","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-43\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #43 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Packs d\u2019ic\u00f4nes, R\u00e9-\u00e9valuer l\u2019approche responsive sur desktop, les designers et le pixel perfect et des ressources pour tester sa police d'\u00e9criture avec d'autres","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-01-03T18:00:35+00:00","article_modified_time":"2013-01-04T07:49:28+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/01\/pixeletcode43.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/","name":"Des pixels et du code #43 - 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-43\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode43.jpg","datePublished":"2013-01-03T18:00:35+00:00","dateModified":"2013-01-04T07:49:28+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Packs d\u2019ic\u00f4nes, R\u00e9-\u00e9valuer l\u2019approche responsive sur desktop, les designers et le pixel perfect et des ressources pour tester sa police d'\u00e9criture avec d'autres","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-43\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode43.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode43.jpg","width":700,"height":200,"caption":"Des pixels et du code #43"},{"@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\/1117"}],"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=1117"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1117\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1118"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}