{"id":809,"date":"2012-07-26T21:20:12","date_gmt":"2012-07-26T19:20:12","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=809"},"modified":"2012-07-26T21:22:42","modified_gmt":"2012-07-26T19:22:42","slug":"des-pixels-et-du-code-20","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/","title":{"rendered":"Des pixels et du code #20"},"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>

20 \u00e9ditions des liens utiles de cette semaine, avec une template pour le Galaxy Nexus 7, du responsive design, des applications Android, du CSS3 et toujours d’excellents articles sur le webdesign en g\u00e9n\u00e9ral<\/p>\n


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

#jQueryMobile<\/p>\n

Preventing navigation to a page in jQuery Mobile<\/a>, pas aussi simple qu\u2019il n\u2019y parrait, un tutoriel pour emp\u00eacher un utilisateur de revenir en arri\u00e8re, dans le cas d\u2019une page de login par exemple
\n#HTML5 Audio<\/p>\n

Old School Cassette Player with HTML5 Audio<\/a> un lecteur de cassette old school avec une animation, du bruit, pour vous rappeler votre jeunesse !<\/p>\n

#Git<\/p>\n

Git on Windows for Newbs <\/a>, un guide d\u2019utilisation tr\u00e8s bien illustr\u00e9 pour d\u00e9buter avec Git sur Windows sans avoir \u00e0 passer par les lignes de code<\/p>\n

#CSS3<\/p>\n

How To Create Shiny CSS Buttons<\/a>, des boutons en CSS avec un effet de reflet assez fun au survol<\/p>\n

Mini Collection for Prefix &amp; Postfix Input Form<\/a> un tutoriel et d\u00e9mo pour ajouter des images devant ou derri\u00e8re les champs de vos formulaires<\/p>\n

Des ressources \u00a0utiles<\/h2>\n

#Color<\/p>\n

Clorjoe<\/a> , un colorpicker avec diff\u00e9rents formats (RGB, RGB + hexa HSL)<\/p>\n

#Android<\/p>\n

Free Android Music Player with Beautiful UI <\/a>, une template PSD de player Android avec un tr\u00e8s joli design, \u00e0 t\u00e9l\u00e9charger gratuitement
\n#Responsive #E-mail<\/p>\n

Responsive Email Design<\/a>, Campaignmonitor lance un guide de conseils et bonnes pratiques pour des e-mails responsifs<\/p>\n

#Android<\/p>\n

Nexus 7 PSD<\/a> un PSD avec un Nexus7 en vecteur<\/p>\n

#UI<\/p>\n

Ui-cloud.com<\/a>, un agr\u00e9gateur d\u2019\u00e9l\u00e9ments d\u2019interface utilisateur avec un moteur de recherche<\/p>\n

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

#JavaScript<\/p>\n

Peity<\/a>, une librairie pour cr\u00e9er des minis graphiques en canvas<\/p>\n

#CSS #PSD<\/p>\n

Markupwand.com\u00a0<\/a> vous propose de convertir vos PSD en HTML\/CSS, attention cependant \u00e0 bien structurer vos fichiers<\/p>\n

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

#HTML5 #Mobile<\/p>\n

Why We Chose HTML5 Over Native Apps , <\/a>ou pourquoi lockerpulse a choisi de faire une application HTML5 plut\u00f4t que native<\/p>\n

#Webdesign<\/p>\n

Help Prevent User Screw-Ups With These Awesome Tips<\/a> quand et comment utiliser des messages d\u2019alerte de mani\u00e8re efficace et non intrusive pour l\u2019utilisateur<\/p>\n

#UX<\/p>\n

Ux is simple<\/a> , courtes phrases qui r\u00e9sument des principes fondamentaux en exp\u00e9rience utilisateur<\/p>\n

#Webdesign<\/p>\n

Wireframing, Prototyping, Mockuping \u2013 What\u2019s the Difference?<\/a> si ces concepts sont encore flous pour vous, cet article devrait vous aider \u00e0 y voir plus clair<\/p>\n

#Multi-device<\/p>\n

Style guideguide<\/a>, une liste de bonnes pratiques pour cr\u00e9er des sites sur diff\u00e9rentes plateformes (avec pleins de liens utiles tout au long de l\u2019article)<\/p>\n

#Mobile pattern<\/p>\n

Essential Design Patterns For Mobile Banking<\/a>, un formulaire banquaire avec des listes de plus de 20 objets fonctionne bien sur desktop, mais peut devenir une calamit\u00e9 sur mobile. Cet article propose une solution \u00e9l\u00e9gante pour r\u00e9soudre ce probl\u00e8me
\nEt un peu d\u2019inspiration pour finir, si vous aimez les beaux designs et la bi\u00e8re, voil\u00e0 un site qui concilie les deux :ohbeautifulbeer.com<\/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.20 \u00e9ditions des liens utiles de cette semaine, avec une template pour le Galaxy Nexus 7, du responsive design, des applications Android, du CSS3 et toujours d’excellents articles sur le webdesign en g\u00e9n\u00e9ral Les tutoriels de la semaine #jQueryMobile Preventing navigation to a page in jQuery Mobile, pas aussi simple qu\u2019il n\u2019y parrait, un tutoriel pour emp\u00eacher un utilisateur de revenir en …<\/p>\n","protected":false},"author":3,"featured_media":811,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-809","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #20 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Une template pour le Galaxy Nexus 7, du responsive design, des applications Android, du CSS3 et toujours d'excellents articles sur le webdesign en g\u00e9n\u00e9ral\" \/>\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-20\/\" \/>\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 #20 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Une template pour le Galaxy Nexus 7, du responsive design, des applications Android, du CSS3 et toujours d'excellents articles sur le webdesign en g\u00e9n\u00e9ral\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/\" \/>\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-07-26T19:20:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-07-26T19:22:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/07\/pixeletcode20.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=\"@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-20\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/\",\"name\":\"Des pixels et du code #20 - 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-20\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode20.png\",\"datePublished\":\"2012-07-26T19:20:12+00:00\",\"dateModified\":\"2012-07-26T19:22:42+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Une template pour le Galaxy Nexus 7, du responsive design, des applications Android, du CSS3 et toujours d'excellents articles sur le webdesign en g\u00e9n\u00e9ral\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode20.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode20.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\":{\"@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 #20 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Une template pour le Galaxy Nexus 7, du responsive design, des applications Android, du CSS3 et toujours d'excellents articles sur le webdesign en g\u00e9n\u00e9ral","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-20\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #20 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Une template pour le Galaxy Nexus 7, du responsive design, des applications Android, du CSS3 et toujours d'excellents articles sur le webdesign en g\u00e9n\u00e9ral","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-07-26T19:20:12+00:00","article_modified_time":"2012-07-26T19:22:42+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/07\/pixeletcode20.png","type":"image\/png"}],"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-20\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/","name":"Des pixels et du code #20 - 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-20\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode20.png","datePublished":"2012-07-26T19:20:12+00:00","dateModified":"2012-07-26T19:22:42+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Une template pour le Galaxy Nexus 7, du responsive design, des applications Android, du CSS3 et toujours d'excellents articles sur le webdesign en g\u00e9n\u00e9ral","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-20\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode20.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode20.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":{"@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\/809","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=809"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/809\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/811"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=809"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=809"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}