{"id":894,"date":"2012-09-27T20:00:06","date_gmt":"2012-09-27T18:00:06","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=894"},"modified":"2012-09-28T09:14:00","modified_gmt":"2012-09-28T07:14:00","slug":"des-pixels-et-du-code-29","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/","title":{"rendered":"Des pixels et du code #29"},"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>

Une nouvelle semaine de liens orient\u00e9s outils CSS, CSS3 filter, mais aussi mobilit\u00e9 et UX avec le design du nouvel OS Firefox. Enjoy<\/p>\n

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

#CSS<\/p>\n

CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS<\/a> une petite technique CSS pour cr\u00e9er un bloc avec du contenu cach\u00e9 et des pointill\u00e9s \u00e0 la fin pour indiquer sa continuit\u00e9, bref un overflow:ellipsis<\/p>\n

#Mobile
\nBest practices for mobile e-commerce<\/a> , une liste de conseils pour optimiser le design de son site e-commerce et assurer un affichage logique et efficace sur mobile et tablettes<\/p>\n

#Illustration<\/p>\n

From Sketch to Vector Illustration<\/a>, un tutoriel qui passe en revue les diff\u00e9rentes \u00e9tapes de la cr\u00e9ation d\u2019illustration.<\/p>\n

Des ressources utiles<\/h2>\n

#iPhone<\/p>\n

iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more,<\/a> tout ce qu’il faut savoir pour optimiser son site pour le dernier iPhone sous iOS6, viewport, APIs, etc.<\/p>\n

#CSS<\/p>\n

Texturepacker<\/a> un petit outil pour cr\u00e9er plus facilement des sprites pour vos CSS mais aussi pour les applications natives<\/p>\n

Redpik<\/a> un marque page qui permet de rafraichir automatiquement certaines feuilles de style sur une page
\n#Accessibilit\u00e9<\/p>\n

Dyslexicfonts<\/a> une police d\u2019\u00e9criture gratuite pour aider les gens atteints de dyslexie
\n#Icones<\/p>\n

Modernuiicons<\/a> un pack d\u2019icones, avec un pedobear dedans !<\/p>\n

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

#Mobile<\/p>\n

Mobifyjs <\/a>une librairie pour g\u00e9rer des sites mobiles<\/p>\n

#CSS filter<\/p>\n

Cssfilterlab<\/a> un petit outil par Adobe pour jouer avec les filtres CSS
\n#jQuery #sticky<\/p>\n

Hcsticky jquery floating sticky plugin <\/a>un plugin pour cr\u00e9er des \u00e9l\u00e9ments fixes sur une page web : header, footer, aside, choississez !<\/p>\n

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

#User Experience<\/p>\n

Why the fold is a myth<\/a> pourquoi le \u00a0\u201cfold\u201d (cette ligne invisible \u00e0 600\/700px du haut du navigateur) est un mythe, et pourquoi certains boutons plac\u00e9s \u201csous le fold\u201d ont un meilleur taux de conversion. Tout est dans la motivation de l\u2019utilisateur !<\/p>\n

MozCamp Warsaw: Design Principles Behind Firefox OS UX<\/a> un retour d\u2019exp\u00e9rience sur l\u2019UX de l\u2019OS Firefox, impressionnant et tr\u00e8s instructif<\/p>\n

#HTML5<\/p>\n

7 HTML5 features that you may not know about<\/a>, \u00a0hidden=\u00a0\u00bbhidden\u00a0\u00bb ou encore l\u2019\u00e9lement output, 7 fonctionnalit\u00e9s HTML5 dont vous ignoriez peut-\u00eatre l\u2019existence jusque l\u00e0 et qui peuvent devenir tr\u00e8s utiles<\/p>\n

#Performance<\/p>\n

CSs3-vs-jquery-animations<\/a> un test pour savoir de l\u2019animation CSS3 ou jQuery laquelle est meilleur en terme de performances (and the winner is CSS3 !)<\/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.Une nouvelle semaine de liens orient\u00e9s outils CSS, CSS3 filter, mais aussi mobilit\u00e9 et UX avec le design du nouvel OS Firefox. Enjoy Les tutoriels de la semaine #CSS CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS une petite technique CSS pour cr\u00e9er un bloc avec du contenu cach\u00e9 et des pointill\u00e9s \u00e0 la fin pour indiquer sa continuit\u00e9, bref …<\/p>\n","protected":false},"author":3,"featured_media":895,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-894","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #29 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Le design du nouvel OS Firefox, des animations et filtres CSS3, le mythe du "fold" et des plugins jQuery utiles\" \/>\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-29\/\" \/>\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 #29 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Le design du nouvel OS Firefox, des animations et filtres CSS3, le mythe du "fold" et des plugins jQuery utiles\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/\" \/>\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-27T18:00:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-09-28T07:14:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/09\/pixelcode29.png\" \/>\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\/png\" \/>\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-29\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/\",\"name\":\"Des pixels et du code #29 - 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-29\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode29.png\",\"datePublished\":\"2012-09-27T18:00:06+00:00\",\"dateModified\":\"2012-09-28T07:14:00+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Le design du nouvel OS Firefox, des animations et filtres CSS3, le mythe du \\\"fold\\\" et des plugins jQuery utiles\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode29.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode29.png\",\"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 #29 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Le design du nouvel OS Firefox, des animations et filtres CSS3, le mythe du \"fold\" et des plugins jQuery utiles","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-29\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #29 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Le design du nouvel OS Firefox, des animations et filtres CSS3, le mythe du \"fold\" et des plugins jQuery utiles","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-09-27T18:00:06+00:00","article_modified_time":"2012-09-28T07:14:00+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/09\/pixelcode29.png","type":"image\/png"}],"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-29\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/","name":"Des pixels et du code #29 - 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-29\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode29.png","datePublished":"2012-09-27T18:00:06+00:00","dateModified":"2012-09-28T07:14:00+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Le design du nouvel OS Firefox, des animations et filtres CSS3, le mythe du \"fold\" et des plugins jQuery utiles","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-29\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode29.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/09\/pixelcode29.png","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\/894","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=894"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/894\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/895"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}