{"id":872,"date":"2012-09-06T21:40:15","date_gmt":"2012-09-06T19:40:15","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=872"},"modified":"2013-01-31T23:14:06","modified_gmt":"2013-01-31T21:14:06","slug":"des-pixels-et-du-code-26","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/","title":{"rendered":"Des pixels et du code #26"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">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 dir=\"ltr\">Pas moins de trois packs\u00a0d\u2019ic\u00f4nes, des ressources Android, des articles sur la mobilit\u00e9 et un retour d&rsquo;exp\u00e9rience sur du responsive webdesign sur un site live dans les liens de cette semaine<\/p>\n<h2 dir=\"ltr\">Les tutoriels de la semaine<\/h2>\n<p>#Mobilit\u00e9<\/p>\n<p><a href=_-4019.html>Developing Responsive Designs With Opera Mobile Emulator<\/a>, un tutoriel pour utiliser l\u2019outil d\u2019Opera \u201cOpera Mobile Emulator\u201d pour tester ses sites responsive<\/p>\n<p>#CSS<\/p>\n<p><a href=_-4020.html>Css-shaky-animation<\/a>\u00a0:\u00a0une d\u00e9mo d\u2019animation \u201cshaky\u201d comme dans les cartoons en CSS. Sympa, mais \u00e0 utiliser avec parcimonie !<\/p>\n<h2 dir=\"ltr\">Des ressources utiles<\/h2>\n<p>#Android<\/p>\n<p><a href=_-4021.html>Android GUI Stencils, Kits and Templates<\/a>, une collection de ressources, de kits d\u2019UI et de wireframe pour cr\u00e9er des applications Android<\/p>\n<p>#Icons<\/p>\n<p><a href=_-4022.html>Loops with PSD<\/a>\u00a0un set d\u2019icones toutes rondes<\/p>\n<p><a href=_-4023.html>Typicons<\/a>\u00a0une font d\u2019icones gratuite \u00e0 utiliser pour vos projets<\/p>\n<p><a href=_-4024.html>Sosa<\/a>\u00a0une autre font avec des icones gratuite<\/p>\n<h2 dir=\"ltr\">Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n<p>#jQuery RWD<\/p>\n<p><a href=_-4025.html>Freetile<\/a>\u00a0un plugin jQuery pour r\u00e9-organiser les blocs de contenu de mani\u00e8re dynamique au redimensionnement du navigateur<\/p>\n<p>#Modale jQuery<br \/>\n<a href=_-4026.html>Jquery.avgrund<\/a>\u00a0une modal qui passe le site en arri\u00e8re plan avec un l\u00e9ger effet de d\u00e9zoom, le concept est interessant<\/p>\n<p>#QA<\/p>\n<p><a href=_-4027.html>L&rsquo;extension Opquast Desktop<\/a> (plugin Firefox) pour tester diff\u00e9rents aspect de votre site web : images, balises alt, SEO, accessibilit\u00e9 et d\u2019autres aspects<\/p>\n<p>#Responsive Webdesign<\/p>\n<p><a href=_-4028.html>Galleria.io<\/a>\u00a0une gallerie d\u2019images responsive en JavaScript avec des miniatures d\u2019images, un full screen et d\u2019autres fonctionnalit\u00e9s<\/p>\n<h2 dir=\"ltr\">Les articles \u00e0 lire<\/h2>\n<p>#CSS3<\/p>\n<p><a href=_-4029.html>Stick your landings! position: sticky lands in WebKit<\/a> , une introduction \u00e0 la proposition de propri\u00e9t\u00e9 CSS \u201cposition:sticky\u201d<\/p>\n<p>#Optimisation<\/p>\n<p><a href=_-4030.html>15 things you can (and should) do to make your site faster for mobile users<\/a> r\u00e9duire les requ\u00eates, utiliser le cache du navigateurs, et d\u2019autres conseils pour optimiser le temps de chargement d\u2019un site mobile<\/p>\n<p>#Responsive Webdesign<\/p>\n<p><a href=_-4031.html>Responsive Design case study <\/a>, le retour d\u2019exp\u00e9rience d\u2019une projet enti\u00e8re de site responsive, de la maquette \u00e0 l\u2019int\u00e9gration dans WordPress<\/p>\n<p>#Mobile<\/p>\n<p><a href=index2ff7.html>Common mistakes when designing for mobile<\/a> manque de padding, boutons trop petits pour un doigts, etc., les erreurs en mobilit\u00e9 \u00e0 connaitre pour ne pas les faire.<\/p>\n<p>#Media queries<\/p>\n<p><a href=_-4032.html>Enquire.js \u2013 Media Query Callbacks in JavaScript,<\/a> un article qui pr\u00e9sente la librairie Enquire.js pour cr\u00e9er des callbacks en JavaScripts pour les m\u00e9dia queries, avec des exemples et des cas concrets d\u2019utilisation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.Pas moins de trois packs\u00a0d\u2019ic\u00f4nes, des ressources Android, des articles sur la mobilit\u00e9 et un retour d&rsquo;exp\u00e9rience sur du responsive webdesign sur un site live dans les liens de cette semaine Les tutoriels de la semaine #Mobilit\u00e9 Developing Responsive Designs With Opera Mobile Emulator, un tutoriel pour utiliser l\u2019outil d\u2019Opera \u201cOpera Mobile Emulator\u201d pour tester ses sites responsive #CSS Css-shaky-animation\u00a0:\u00a0une d\u00e9mo d\u2019animation &hellip;<\/p>\n","protected":false},"author":3,"featured_media":873,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-872","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Des pixels et du code #26 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<meta name=\"description\" content=\"Trois packs d\u2019ic\u00f4nes, des ressources Android, des articles sur la mobilit\u00e9 et un retour d&#039;exp\u00e9rience sur du responsive webdesign sur un site live dans les liens de cette semaine\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-4033.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 #26 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Trois packs d\u2019ic\u00f4nes, des ressources Android, des articles sur la mobilit\u00e9 et un retour d&#039;exp\u00e9rience sur du responsive webdesign sur un site live dans les liens de cette semaine\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/\" \/>\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-09-06T19:40:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-01-31T21:14:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/09\/pixeletcode26.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-26\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/\",\"name\":\"Des pixels et du code #26 - 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-26\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixeletcode26.jpg\",\"datePublished\":\"2012-09-06T19:40:15+00:00\",\"dateModified\":\"2013-01-31T21:14:06+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Trois packs d\u2019ic\u00f4nes, des ressources Android, des articles sur la mobilit\u00e9 et un retour d'exp\u00e9rience sur du responsive webdesign sur un site live dans les liens de cette semaine\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixeletcode26.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixeletcode26.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&#039;utilisabilit\u00e9 et l&#039;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 &amp; 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 #26 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Trois packs d\u2019ic\u00f4nes, des ressources Android, des articles sur la mobilit\u00e9 et un retour d'exp\u00e9rience sur du responsive webdesign sur un site live dans les liens de cette semaine","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-26\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #26 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Trois packs d\u2019ic\u00f4nes, des ressources Android, des articles sur la mobilit\u00e9 et un retour d'exp\u00e9rience sur du responsive webdesign sur un site live dans les liens de cette semaine","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-09-06T19:40:15+00:00","article_modified_time":"2013-01-31T21:14:06+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/09\/pixeletcode26.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-26\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/","name":"Des pixels et du code #26 - 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-26\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixeletcode26.jpg","datePublished":"2012-09-06T19:40:15+00:00","dateModified":"2013-01-31T21:14:06+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Trois packs d\u2019ic\u00f4nes, des ressources Android, des articles sur la mobilit\u00e9 et un retour d'exp\u00e9rience sur du responsive webdesign sur un site live dans les liens de cette semaine","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-26\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixeletcode26.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixeletcode26.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&#039;utilisabilit\u00e9 et l&#039;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 &amp; 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\/872"}],"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=872"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/872\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/873"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}