{"id":733,"date":"2012-05-24T20:18:33","date_gmt":"2012-05-24T18:18:33","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=733"},"modified":"2022-12-16T09:45:05","modified_gmt":"2022-12-16T08:45:05","slug":"des-pixels-et-du-code-11","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/","title":{"rendered":"Des pixels et du code #11"},"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>

Les liens \u00e0 ne pas manquer cette semaine sont une fois de plus tr\u00e8s orient\u00e9s mobilit\u00e9, mais \u00e9galement UX et UI. Je vous ai \u00e9galement mis deux liens \u00ab\u00a0behind the sceen\u00a0\u00bb, o\u00f9 des designers expliquent leurs projets pas \u00e0 pas. Bonne lecture<\/p>\n

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

#Responsive<\/p>\n

5 Useful CSS Tricks for Responsive Design<\/a> \u00a05 morceaux de code utiles pour cr\u00e9er des sites responsives<\/p>\n

#Mobile<\/p>\n

Creating a Mobile Web Application with Meta Tags<\/a>, pour tout savoir sur les meta name=\u00a0\u00bbviewport\u00a0\u00bb , meta name=\u00a0\u00bbapple-mobile-web-app-capable\u00a0\u00bb et autres meta http-equiv=\u00a0\u00bbX-UA-Compatible\u00a0\u00bb qui permettent de cr\u00e9er des sites opitimis\u00e9s mobiles<\/p>\n

Des ressources \u00a0utiles<\/h2>\n

#Android
\nAndroid-app-patterns<\/a> , une gallerie d\u2019application 100% Android !!<\/p>\n

#CSS3<\/p>\n

Google Play\u2019s minimal tabs with CSS3 & jQuery <\/a>, un tutoriel pour recr\u00e9er les onglets du Google Play (anciennement Google store) en CSS3 avec une pointe de jQuery.<\/p>\n

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

#Web<\/p>\n

isitdownorjust.me<\/a> , un petit site simple et efficace pour savoir si votre site est en panne pour tout le monde, ou juste pour vous. Plus d\u2019excuse maintenant !<\/p>\n

#SVG<\/p>\n

Svg-to-canvas<\/a> , un outil en ligne pour convertir ses fichiers SVG en canvas HTML5<\/p>\n

#WordPress<\/p>\n

Queryposts.co<\/a>, un r\u00e9f\u00e9renciel non officiel pour WordPress qui r\u00e9pertories des fonctions et bientot des hooks class\u00e9s par version, ordre alphabetique, avec une fonction de recherche.<\/p>\n

#Responsive<\/p>\n

OnMediaQuery – Responsive Javascript<\/a>, un petit script pour d\u00e9tecter le viewport \u00a0partir des media queries et l\u2019utiliser en JavaScript \u00e0<\/p>\n

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

#Responsive<\/p>\n

Responsive images using CSS3<\/a> une technique de remplacement d\u2019image (dans le HTML) en CSS3 combinant des media queries, \u00a0le contenu g\u00e9n\u00e9r\u00e9 en CSS et la fonction attr[], l\u2019id\u00e9e est int\u00e9ressante.<\/p>\n

#UX #Ecommerce<\/p>\n

Unbreakable Rules For E-Commerce Checkout Design<\/a>, des r\u00e8gles de base simples \u00e0 appliquer pour un site d\u2019 e-commerce r\u00e9ussit.<\/p>\n

#Pixelperfection<\/p>\n

Pixel fitting<\/a>, une explication sur l\u2019antialiasing automatique des logiciels, et sur pourquoi il vaut mieux ajuster soit m\u00eame ses images lorsque l\u2019on transforme un vecteur en pixel que laisser le soin \u00e0 Photoshop de s\u2019occuper des calculs.<\/p>\n

#UI #UX<\/p>\n

7 Basic Best Practices for Buttons<\/a>, un petit rappel des bonnes pratiques \u00e0 suivre en mati\u00e8re de boutons dans des interfaces web<\/p>\n

#Icons #Webdesign<\/p>\n

Icon Designs In Websites: 12 Tips To Make The Most Of Them <\/a>, une liste de conseils pour utiliser les icones sur le web \u00e0 bon escient<\/p>\n

#Icons<\/p>\n

The Floppy Disk means Save, and 14 other old people Icons that don’t make sense anymore<\/a> L\u2019icone de diquette est utilis\u00e9e pour symboliser le fait d\u2019enregistrer, alors que toute une g\u00e9n\u00e9ration n\u2019a jamais eut en main une seule disquette. Une collection de 14 icones qui n\u2019ont plus vraiment leur sens premier expliqu\u00e9s \u00e0 cette nouvelle g\u00e9n\u00e9ration<\/p>\n

#How to #Behind the sceen<\/p>\n

The Toolbox: From Idea to Launch in 10 Hours<\/a> l\u2019explication par Sacha Grief de la d\u00e9marche derri\u00e8re la cr\u00e9ation de Toolbox, comment lui est venue l\u2019id\u00e9e du site et surtout comment il l\u2019a construit en 10h<\/p>\n

#Behind the sceen<\/p>\n

Circle, behind the sceen<\/a>, un atricle tr\u00e8s instructif qui explique les d\u00e9cisions et le processus du redesign de cette application<\/p>\n

#Freelance #Tarifs<\/p>\n

Getting pricing right,<\/a> un e-book pleins de bons conseilles pour trouver le prix juste pour votre prochain projet WordPress<\/p>\n

#Accessibilit\u00e9<\/p>\n

HTML5 Accessibility: aria-hidden and role=\u201dpresentation\u201d<\/a> : un test tr\u00e8s complet sur l\u2019utilisation de role=\u201dpresentation\u201d et son comportement sur diff\u00e9rents screenreaders<\/p>\n

Et pour finir, un peu d\u2019humour dans ce monde de brute : \u201cMy dick in a dropbox\u201d<\/a> \u00a0(pour ceux qui ne connaissent pas, il s\u2019agit d\u2019une r\u00e9f\u00e9rence d\u2019une chanson parodique du Saturday Night Live<\/a> \u201cMy dick in a box\u201d)<\/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.Les liens \u00e0 ne pas manquer cette semaine sont une fois de plus tr\u00e8s orient\u00e9s mobilit\u00e9, mais \u00e9galement UX et UI. Je vous ai \u00e9galement mis deux liens \u00ab\u00a0behind the sceen\u00a0\u00bb, o\u00f9 des designers expliquent leurs projets pas \u00e0 pas. Bonne lecture Les tutoriels de la semaine #Responsive 5 Useful CSS Tricks for Responsive Design \u00a05 morceaux de code utiles pour cr\u00e9er …<\/p>\n","protected":false},"author":3,"featured_media":735,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #11 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Mobilit\u00e9, mais \u00e9galement UX et UI, icons, design Android, HTML5, CSS3, et accessibilit\u00e9, les liens \u00e0 ne pas manquer 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-11\/\" \/>\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 #11 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Mobilit\u00e9, mais \u00e9galement UX et UI, icons, design Android, HTML5, CSS3, et accessibilit\u00e9, les liens \u00e0 ne pas manquer cette semaine.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/\" \/>\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-05-24T18:18:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-16T08:45:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/05\/pixeletcode11.jpg\" \/>\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\/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=\"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-11\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/\",\"name\":\"Des pixels et du code #11 - 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-11\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode11.jpg\",\"datePublished\":\"2012-05-24T18:18:33+00:00\",\"dateModified\":\"2022-12-16T08:45:05+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Mobilit\u00e9, mais \u00e9galement UX et UI, icons, design Android, HTML5, CSS3, et accessibilit\u00e9, les liens \u00e0 ne pas manquer cette semaine.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode11.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode11.jpg\",\"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 #11 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Mobilit\u00e9, mais \u00e9galement UX et UI, icons, design Android, HTML5, CSS3, et accessibilit\u00e9, les liens \u00e0 ne pas manquer 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-11\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #11 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Mobilit\u00e9, mais \u00e9galement UX et UI, icons, design Android, HTML5, CSS3, et accessibilit\u00e9, les liens \u00e0 ne pas manquer cette semaine.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-05-24T18:18:33+00:00","article_modified_time":"2022-12-16T08:45:05+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/05\/pixeletcode11.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/","name":"Des pixels et du code #11 - 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-11\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode11.jpg","datePublished":"2012-05-24T18:18:33+00:00","dateModified":"2022-12-16T08:45:05+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Mobilit\u00e9, mais \u00e9galement UX et UI, icons, design Android, HTML5, CSS3, et accessibilit\u00e9, les liens \u00e0 ne pas manquer cette semaine.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-11\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode11.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode11.jpg","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\/733","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=733"}],"version-history":[{"count":2,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/733\/revisions"}],"predecessor-version":[{"id":8323,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/733\/revisions\/8323"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/735"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}