{"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":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 14 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Pas moins de trois packs\u00a0d\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<\/p>\n

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

#Mobilit\u00e9<\/p>\n

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

#CSS<\/p>\n

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

Des ressources utiles<\/h2>\n

#Android<\/p>\n

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

#Icons<\/p>\n

Loops with PSD<\/a>\u00a0un set d\u2019icones toutes rondes<\/p>\n

Typicons<\/a>\u00a0une font d\u2019icones gratuite \u00e0 utiliser pour vos projets<\/p>\n

Sosa<\/a>\u00a0une autre font avec des icones gratuite<\/p>\n

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

#jQuery RWD<\/p>\n

Freetile<\/a>\u00a0un plugin jQuery pour r\u00e9-organiser les blocs de contenu de mani\u00e8re dynamique au redimensionnement du navigateur<\/p>\n

#Modale jQuery
\nJquery.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

#QA<\/p>\n

L’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

#Responsive Webdesign<\/p>\n

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

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

#CSS3<\/p>\n

Stick your landings! position: sticky lands in WebKit<\/a> , une introduction \u00e0 la proposition de propri\u00e9t\u00e9 CSS \u201cposition:sticky\u201d<\/p>\n

#Optimisation<\/p>\n

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

#Responsive Webdesign<\/p>\n

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

#Mobile<\/p>\n

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

#Media queries<\/p>\n

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":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 14 ans. Il se peut qu’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’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 …<\/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":"\nDes pixels et du code #26 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"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\" \/>\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-26\/\" \/>\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 & 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'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=\"@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-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'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 #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":"@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-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'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\/872","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=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}]}}