{"id":1019,"date":"2012-12-06T20:00:52","date_gmt":"2012-12-06T18:00:52","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1019"},"modified":"2013-06-01T19:32:20","modified_gmt":"2013-06-01T17:32:20","slug":"des-pixels-et-du-code-39","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/","title":{"rendered":"Des pixels et du code #39"},"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>

 <\/p>\n

 <\/p>\n

C’est la fin de l’ann\u00e9e, je ne sais pas si c’est li\u00e9, mais je vous ai d\u00e9got\u00e9 pleins de ressources utiles concernant Android, le mobile en g\u00e9n\u00e9ral et quelques plugins jQuery. Pas mal d’articles qui traitent d’exp\u00e9rience utilisateur cette semaine, gr\u00e2ce aux divers calendriers de l’avent qui ont fait leur apparition depuis la semaine derni\u00e8re, de quoi lire au chaud !<\/p>\n

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

#Making of<\/p>\n

Making of: typespiration.com<\/a> , du design \u00e0 la cr\u00e9ation des Custom Post types dans WordPress, le making of du site typesinsration.com<\/p>\n

#Input<\/p>\n

Cr\u00e9er un syst\u00e8me de masquage\/d\u00e9masquage d\u2019un champ mot de passe <\/a>, tout est dans le titre, un excellent article qui va am\u00e9liorer l\u2019exp\u00e9rience utilisateur de vos formulaire<\/p>\n

Des ressources utiles<\/h2>\n

#Bootstrap<\/p>\n

The Big Badass List of Twitter Bootstrap Resources<\/a> une liste de ressources Bootstrap qui pourrait vous servir
\n#Mobile<\/p>\n

6 free mobile device emulators for testing your site<\/a> iPhone, BlackBerry ou iPad, des solutions pour tester son site mobile sans avoir \u00e0 acheter les appareils<\/p>\n

#Android<\/p>\n

Androidviews.net<\/a>\u00a0 une galerie avec des custom view pour Android, et le code qui va avec<\/p>\n

#Retina pixel ratio<\/p>\n

Cross Browser Retina\/High Resolution Media Queries<\/a> une notation plus simple et all\u00e9g\u00e9e pour pour cibler les appareils retina en CSS<\/p>\n

#E-mailing<\/p>\n

Responsive Email Templates <\/a>des templates d\u2019e-mail responsive pour d\u00e9buter un projet<\/p>\n

#Formulaire HTML5<\/p>\n

The Current State of HTML5 Forms<\/a> un tableau d\u00e9taill\u00e9 du support des \u00e9l\u00e9ments de formulaire HTML5<\/p>\n

#JavaScript<\/p>\n

Dot-js.com<\/a>\u00a0 rassemble des tutoriels et autres plugins JavaScripts<\/p>\n

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

#WordPress<\/p>\n

Inpixelitrust Responsive blank theme, un th\u00e8me pour lancer un projet WordPress<\/a> un peu d\u2019auto-promotion, tout est dans le titre, un th\u00e8me HTML5 responsive pour lancer un projet WordPress sans se casser la t\u00eate \u00e0 nettoyer Twenty-ten.<\/p>\n

#Photoshop script<\/p>\n

Rounded Rectangle Radius Resizer<\/a> un petit script pour cr\u00e9er des coins arrondis via une boite de dialogue, au pixel pr\u00e8s.<\/p>\n

#jQuery<\/p>\n

Jquerypaypalbuyitnow<\/a>\u00a0 un plugin jQuery pour cr\u00e9er un bouton paypal pour votre site web<\/p>\n

Als<\/a>, un plugin jQuery pour cr\u00e9er un scroll horizontal dans une liste (qui du coup ressemble fortement \u00e0 un slider)<\/p>\n

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

#UX<\/p>\n

Lose That Credit Card Field <\/a>il est possible de reconnaitre \u00e0 partir du num\u00e9ro de carte de cr\u00e9dit le type de carte, c\u2019est donc un champ que l\u2019on n\u2019aurait en th\u00e9orie pas besoin de faire remplir \u00e0 l\u2019utilisateur.<\/p>\n

\u201cDesigning for mobile devices is like living life looking through a toilet roll tube<\/a>.\u201d, la comparaison est os\u00e9e, mais l\u2019article est g\u00e9nial qui parle d\u2019aller \u00e0 l\u2019essentiel dans le design mobile et d\u2019exp\u00e9rience utilisateur<\/p>\n

The Advantages of Table Views Over Left Nav Flyouts<\/a> l\u2019avantage des \u201ctables views\u201d \u00a0avec des listes natives iOS sur le menu d\u00e9roulant avec la petite ic\u00f4ne de burger, un point de vu qui se d\u00e9fend.<\/p>\n

#RWD<\/p>\n

Responsive Web Design: Clever Tips and Techniques<\/a> les slides de la conf\u00e9rence de Vitaly Friedman sur le responsive webdesign<\/p>\n

#Mobile<\/p>\n

Mobile: Don’t Break the Web<\/a> 56 pleins de conseils pour cr\u00e9er des sites optimis\u00e9s mobiles qui fonctionnent<\/p>\n

#Accessibility<\/p>\n

Colour Accessibility<\/a> un excellent article sur les diff\u00e9rents types de handicape visuel li\u00e9s \u00e0 la perception des couleurs et sur comment am\u00e9liorer les sites web pour permettre une meilleurs compr\u00e9hension, ind\u00e9pendamment des couleurs.<\/p>\n

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

Un jeu d\u2019\u00e9checs en 3D<\/a> , la d\u00e9mo wow de la semaine :)<\/p>\n

 <\/p>\n

 <\/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.    C’est la fin de l’ann\u00e9e, je ne sais pas si c’est li\u00e9, mais je vous ai d\u00e9got\u00e9 pleins de ressources utiles concernant Android, le mobile en g\u00e9n\u00e9ral et quelques plugins jQuery. Pas mal d’articles qui traitent d’exp\u00e9rience utilisateur cette semaine, gr\u00e2ce aux divers calendriers de l’avent qui ont fait leur apparition depuis la semaine derni\u00e8re, de quoi lire au chaud …<\/p>\n","protected":false},"author":3,"featured_media":1020,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1019","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nDes pixels et du code #39 - 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=\"Mieux cibler le retina, des plugins jQuery et outils pour les webdesigners \u00e0 la pelle et des articles traitant d\u2019exp\u00e9rience utilisateur de fa\u00e7on originale\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3916.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 #39 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Mieux cibler le retina, des plugins jQuery et outils pour les webdesigners \u00e0 la pelle et des articles traitant d\u2019exp\u00e9rience utilisateur de fa\u00e7on originale\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/\" \/>\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-12-06T18:00:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-06-01T17:32:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/12\/pixelcpde38.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=\"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-39\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/\",\"name\":\"Des pixels et du code #39 - 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-39\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixelcpde38.jpg\",\"datePublished\":\"2012-12-06T18:00:52+00:00\",\"dateModified\":\"2013-06-01T17:32:20+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Mieux cibler le retina, des plugins jQuery et outils pour les webdesigners \u00e0 la pelle et des articles traitant d\u2019exp\u00e9rience utilisateur de fa\u00e7on originale\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixelcpde38.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixelcpde38.jpg\",\"width\":700,\"height\":200},{\"@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 #39 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Mieux cibler le retina, des plugins jQuery et outils pour les webdesigners \u00e0 la pelle et des articles traitant d\u2019exp\u00e9rience utilisateur de fa\u00e7on originale","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-39\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #39 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Mieux cibler le retina, des plugins jQuery et outils pour les webdesigners \u00e0 la pelle et des articles traitant d\u2019exp\u00e9rience utilisateur de fa\u00e7on originale","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-12-06T18:00:52+00:00","article_modified_time":"2013-06-01T17:32:20+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/12\/pixelcpde38.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/","name":"Des pixels et du code #39 - 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-39\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixelcpde38.jpg","datePublished":"2012-12-06T18:00:52+00:00","dateModified":"2013-06-01T17:32:20+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Mieux cibler le retina, des plugins jQuery et outils pour les webdesigners \u00e0 la pelle et des articles traitant d\u2019exp\u00e9rience utilisateur de fa\u00e7on originale","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-39\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixelcpde38.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/12\/pixelcpde38.jpg","width":700,"height":200},{"@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\/1019"}],"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=1019"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1019\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1020"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}