{"id":1295,"date":"2013-03-01T08:24:57","date_gmt":"2013-03-01T07:24:57","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1295"},"modified":"2013-03-01T08:24:57","modified_gmt":"2013-03-01T07:24:57","slug":"des-pixels-et-du-code-51","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/","title":{"rendered":"Des pixels et du code #51"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 13 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Beaucoup d’outils et de ressources \u00e0 partager cette semaine : ic\u00f4nes, moteur de recherche pour trouver l’inspiration, librairies JavaScript et jQuery pour vous faire gagner du temps et outils CSS, outil pour tester si votre site est responsive, que vous soyez designer, graphiste ou d\u00e9veloppeurs vous devrez y trouver votre bonheur.\u00a0 Dans les articles \u00e0 lire vous trouverez quelques articles de fond sur l’exp\u00e9rience utilisateur de la pagination, le bouton \u00ab\u00a0back\u00a0\u00bb des mobiles, la typographie etc,.<\/p>\n

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

#CSS<\/p>\n

More CSS Secrets Another 10 things you may not know about CSS a<\/a>pr\u00e8s la conf\u00e9rence de 2011, Lea Verrou est de retour pour plus de secrets en CSS<\/p>\n

Des ressources utiles<\/h2>\n

#Productions<\/p>\n

estcequonmetenprodaujourdhui.info<\/a> tout est dans le titre :)<\/p>\n

#CSS<\/p>\n

Front-End-CSS frameworks<\/a>, une collection de frameworks CSS pour d\u00e9buter un projet<\/p>\n

#Inspiration<\/p>\n

niice.co<\/a> un moteur de recherche qui permet de faire une recherche sur Dribbble et Behance)<\/p>\n

#Stylish User style<\/p>\n

User styles <\/a>\u00a0des styles \u00e0 utiliser avec stylish pour simplifier certains gros sites web et mettre l\u2019accent sur le contenu<\/p>\n

#Ic\u00f4ne<\/p>\n

genericons.com<\/a> une font-icon avec des symboles optimis\u00e9s pour les besoins d\u2019un blog, super id\u00e9e.<\/p>\n

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

#Javascript<\/p>\n

jspedia.org <\/a>un site qui rassemble diff\u00e9rentes librairies et plugins Javascript<\/p>\n

howler.js<\/a> \u00a0une librarie l\u00e9g\u00e8re en JavaScript pour manipuler l\u2019audio en HTML5 (bouton pause, start, et sprites audio)<\/p>\n

#jQuery plugin<\/p>\n

usehook.com<\/a>\u00a0 un petit plugin jQuery pour impl\u00e9menter une fonctionnalit\u00e9 de \u201cpull to refresh\u201d comme sur Twitter<\/p>\n

Toolbar <\/a>un plugin jQuery pour cr\u00e9er des barres d\u2019outils contextuelles sous forme de tooltips en cliquant sur un bouton<\/p>\n

#RWD<\/p>\n

ami.responsivedesign.is<\/a> un petit service en ligne pour tester si un site est responsive ou non, qui propose une preview dans diff\u00e9rents appareils.<\/p>\n

#CSS<\/p>\n

cssmatic.com<\/a> 4 outils CSS en un seul endroit : g\u00e9n\u00e9rateur de gradient, border-radius, de \u201cbruit\u201d en texture et de box-shadow<\/p>\n

#Gestes<\/p>\n

High quality Hand Gesture Multi-Touch<\/a> des images de gestes mobile (pinch, zoom, etc.) avec de \u201cvraies\u201d mains pour pr\u00e9senter une maquette<\/p>\n

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

#UX<\/p>\n

Avoid the Pains of Pagination<\/a> des conseils pour une navigation et pagination utilisables facilement par les visiteurs de votre site web<\/p>\n

#Mobile<\/p>\n

Solving The Back Button<\/a> le bouton \u201cback\u201d en haut \u00e0 gauche des t\u00e9l\u00e9phones est difficilement accessible, cet article pr\u00e9sente des m\u00e9thodes alternatives de retour en arri\u00e8re<\/p>\n

#Typographie<\/p>\n

50 Shades Of Bad Typography;<\/a> 50 exemples de mauvaise pratique en typographie et comment les am\u00e9liorer<\/p>\n

#Webdesign<\/p>\n

How to Use Centered Alignments: Tips and Examples<\/a> quelques conseils et bons exemples pour utiliser un alignement de type \u201ccenter\u201d sur un site web et que cel\u00e0 reste lisible et coh\u00e9rent<\/p>\n

#Humeur<\/p>\n

You\u2019re Good. Get Better<\/a>, parce que si vous ne croyez pas en vous en tant que designer, personne ne le fera. Vos clients ont besoin de vous et vous \u00eates responsables des cr\u00e9ations que vous donnez au monde. Un article \u00e0 lire et \u00e0 mettre entre les mains de tous les designers.<\/p>\n

Inspiration<\/h2>\n

#Redesign<\/p>\n

Las-vegas-2013<\/a> le redesign du site de la conf\u00e9rence tout en applats de couleurs et hexagones, plutot r\u00e9ussi \u00e0 mon sens m\u00eame si je me perd un peu dans les blocs<\/p>\n

#Branding<\/p>\n

50 Inspirational Branding & Identity Design Projects<\/a>, pas moins de 50 projets d\u2019identit\u00e9 graphique tr\u00e8s impressionnants si vous \u00eates en manque d\u2019inspiration. Je suis fan de la queue du chat de Glasswear qui fait parti de la pr\u00e9sentation du branding<\/p>\n

Les d\u00e9mos sympas et impressionnantes<\/h2>\n

#CSS<\/p>\n

Csscreatures <\/a>un petit site o\u00f9 il suffit de twitter pour cr\u00e9er sa petite cr\u00e9ature en CSS, tr\u00e8s fun<\/p>\n

Et pour finir le site \u201cwtf\u201d de la semaine everyfuckingwebsite.com <\/a>qui caricature le sch\u00e9mas classique du site web tel qu\u2019on le connait aujourd\u2019hui . Et en bonus parce que c’est vendredi je vous propos\u00e9 \u00e9galement un petit g\u00e9n\u00e9rateur d\u2019excuses pour vos clients<\/a> ? Bonne lecture<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 13 ans. Il se peut qu’il ne soit plus \u00e0 jour.Beaucoup d’outils et de ressources \u00e0 partager cette semaine : ic\u00f4nes, moteur de recherche pour trouver l’inspiration, librairies JavaScript et jQuery pour vous faire gagner du temps et outils CSS, outil pour tester si votre site est responsive, que vous soyez designer, graphiste ou d\u00e9veloppeurs vous devrez y trouver votre bonheur.\u00a0 Dans les articles \u00e0 lire vous trouverez quelques articles de fond …<\/p>\n","protected":false},"author":3,"featured_media":1297,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1295","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #51 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Un moteur recherche Dribbble\/Behance, des ic\u00f4nes, des scripts pour g\u00e9rer l'audio, le pull to refresh et des tooltips, du branding et design d'identit\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-51\/\" \/>\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 #51 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Un moteur recherche Dribbble\/Behance, des ic\u00f4nes, des scripts pour g\u00e9rer l'audio, le pull to refresh et des tooltips, du branding et design d'identit\u00e9\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/\" \/>\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=\"2013-03-01T07:24:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/03\/pixelcode50.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=\"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-51\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/\",\"name\":\"Des pixels et du code #51 - 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-51\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/03\/pixelcode50.jpg\",\"datePublished\":\"2013-03-01T07:24:57+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Un moteur recherche Dribbble\/Behance, des ic\u00f4nes, des scripts pour g\u00e9rer l'audio, le pull to refresh et des tooltips, du branding et design d'identit\u00e9\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/03\/pixelcode50.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/03\/pixelcode50.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #51\"},{\"@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 #51 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Un moteur recherche Dribbble\/Behance, des ic\u00f4nes, des scripts pour g\u00e9rer l'audio, le pull to refresh et des tooltips, du branding et design d'identit\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-51\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #51 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Un moteur recherche Dribbble\/Behance, des ic\u00f4nes, des scripts pour g\u00e9rer l'audio, le pull to refresh et des tooltips, du branding et design d'identit\u00e9","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-03-01T07:24:57+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/03\/pixelcode50.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-51\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/","name":"Des pixels et du code #51 - 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-51\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/03\/pixelcode50.jpg","datePublished":"2013-03-01T07:24:57+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Un moteur recherche Dribbble\/Behance, des ic\u00f4nes, des scripts pour g\u00e9rer l'audio, le pull to refresh et des tooltips, du branding et design d'identit\u00e9","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-51\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/03\/pixelcode50.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/03\/pixelcode50.jpg","width":700,"height":200,"caption":"Des pixels et du code #51"},{"@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\/1295","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=1295"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1295\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1297"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}