{"id":726,"date":"2012-05-17T10:00:17","date_gmt":"2012-05-17T08:00:17","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=726"},"modified":"2012-05-18T14:15:40","modified_gmt":"2012-05-18T12:15:40","slug":"des-pixels-et-du-code-10","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/","title":{"rendered":"Des pixels et du code #10"},"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>

Cette semaine la premi\u00e8re \u00e9dition \u00e0 deux chiffre des pixels et du code est tr\u00e8s ax\u00e9e ressources et tutoriels CSS, webdesign et g\u00e9n\u00e9ral et coups de gueule dans la communaut\u00e9.<\/p>\n

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

#CSS et #jQuery<\/p>\n

Placing Content in a Randomly Generated Mosaic Effect with jQuery <\/a>, un tutoriel pour cr\u00e9er des mises en page en grille avec des \u00e9l\u00e9ments de taille diff\u00e9rente en utilisant jQuery<\/p>\n

#CSS3<\/p>\n

CSS3 \u2013 Cr\u00e9er un slideshow automatique et contr\u00f4lable<\/a> : comme son nom l’indique, un tutoriel en fran\u00e7ais pour cr\u00e9er un slideshow d’images contr\u00f4lable uniquement en CSS3.<\/p>\n

#Retina #Autopromotion<\/p>\n

Remplacement d\u2019image CSS adapt\u00e9 au retina display des appareils mobiles<\/a> mon article qui d\u00e9taille une technique pour cr\u00e9er des image pour les appareils qui supportent le retina et les afficher en CSS<\/p>\n

Des ressources \u00a0utiles<\/h2>\n

#CSS<\/p>\n

Cssselectors<\/a>, une petite d\u00e9mo pour comprendre les s\u00e9lecteurs de CSS via un exemple visuel<\/p>\n

#Webdesign<\/p>\n

A Student\u2019s Guide to Web Design<\/a> un blog avec des ressources et conseils pour les \u00e9tudiants en design qui d\u00e9butent<\/p>\n

#Android<\/p>\n

Quelques chiffres et graphiques sur la fragmentation du march\u00e9 mobile pour Android<\/a>.<\/p>\n

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

#Toolbox<\/p>\n

Thetoolbox.cc<\/a> , un petit site qui rassemble beaucoup d\u2019application web et widget utiles \u00e0 ceux qui travaillent dans le web.<\/p>\n

#CSS3<\/p>\n

Patternizer.com<\/a>, un outil pour g\u00e9n\u00e9rer des patterns en CSS3<\/p>\n

#Icons<\/p>\n

Minicons\/<\/a>, un nouveau pack d\u2019ic\u00f4nes entre 1 et 59$<\/p>\n

#Windows<\/p>\n

Qttabbar<\/a> , une fois n’est pas coutume je met en avant un logiciel sympa qui permet d’organiser ses fen\u00eatres d’explorer windows en tab (comme sur linux), ce qui fait gagner pas mal de place sur l’\u00e9cran.<\/p>\n

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

#Responsive<\/p>\n

Which responsive image solution should you use,<\/a> Chris Coyier pr\u00e9sente diff\u00e9rentes techniques pour les images responsives et les bonnes questions \u00e0 se poser en fonction du projet.<\/p>\n

#SVG<\/p>\n

Text masking \u2014 The standards way <\/a>: la propri\u00e9t\u00e9 webkit-mak-image n\u2019est pas standard et n\u2019est m\u00eame pas dans les specifications, par contre il est possible de cr\u00e9er un effet de masque de texte en utilisant du SVG<\/p>\n

#Fireworks<\/p>\n

Refining Your Design In Adobe Fireworks <\/a><\/p>\n

#WordPress<\/p>\n

Dear theme developers, this is how you add scripts in WordPress themes <\/a>: un guide des bonnes pratiques pour inclure les scripts correctement dans WordPress<\/p>\n

#Webdesign trend<\/p>\n

Stop Using Curved Drop Shadows<\/a>, coup de gueule sur l\u2019utilisation des ombres incurv\u00e9es (effet feuille de papier) en webdesign<\/p>\n

#CS6
\nAdobe Photoshop CS6 and the interface designer<\/a> une pr\u00e9sentation des fonctionnalit\u00e9s de Photoshop CS6 utiles pour les designers d’interface<\/p>\n

#Typographie<\/p>\n

Against the Lobster font abuse<\/a>, un article coup de gueule qui explique les d\u00e9rives de l’utilisation d’une font pourtant sympa au d\u00e9part : Lobster.<\/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.Cette semaine la premi\u00e8re \u00e9dition \u00e0 deux chiffre des pixels et du code est tr\u00e8s ax\u00e9e ressources et tutoriels CSS, webdesign et g\u00e9n\u00e9ral et coups de gueule dans la communaut\u00e9. Les tutoriels de la semaine #CSS et #jQuery Placing Content in a Randomly Generated Mosaic Effect with jQuery , un tutoriel pour cr\u00e9er des mises en page en grille avec des \u00e9l\u00e9ments …<\/p>\n","protected":false},"author":3,"featured_media":728,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-726","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #10 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Cette semaine beaucoup de ressources et tutoriels CSS, webdesign et g\u00e9n\u00e9ral et coups de gueule dans la communaut\u00e9.\" \/>\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-10\/\" \/>\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 #10 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Cette semaine beaucoup de ressources et tutoriels CSS, webdesign et g\u00e9n\u00e9ral et coups de gueule dans la communaut\u00e9.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/\" \/>\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-17T08:00:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-05-18T12:15:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/05\/pixeletcode.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=\"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-10\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/\",\"name\":\"Des pixels et du code #10 - 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-10\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode.jpg\",\"datePublished\":\"2012-05-17T08:00:17+00:00\",\"dateModified\":\"2012-05-18T12:15:40+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Cette semaine beaucoup de ressources et tutoriels CSS, webdesign et g\u00e9n\u00e9ral et coups de gueule dans la communaut\u00e9.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode.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 #10 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Cette semaine beaucoup de ressources et tutoriels CSS, webdesign et g\u00e9n\u00e9ral et coups de gueule dans la communaut\u00e9.","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-10\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #10 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Cette semaine beaucoup de ressources et tutoriels CSS, webdesign et g\u00e9n\u00e9ral et coups de gueule dans la communaut\u00e9.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-05-17T08:00:17+00:00","article_modified_time":"2012-05-18T12:15:40+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/05\/pixeletcode.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-10\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/","name":"Des pixels et du code #10 - 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-10\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode.jpg","datePublished":"2012-05-17T08:00:17+00:00","dateModified":"2012-05-18T12:15:40+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Cette semaine beaucoup de ressources et tutoriels CSS, webdesign et g\u00e9n\u00e9ral et coups de gueule dans la communaut\u00e9.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-10\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode.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\/726","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=726"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/726\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/728"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}