{"id":818,"date":"2012-08-02T23:19:15","date_gmt":"2012-08-02T21:19:15","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=818"},"modified":"2012-08-02T23:19:15","modified_gmt":"2012-08-02T21:19:15","slug":"des-pixels-et-du-code-21","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/","title":{"rendered":"Des pixels et du code #21"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Dans cette 21em \u00e9dition des liens utiles de la semaine, beaucoup de scripts et plugins jQuery pour vous amuser, mais aussi beaucoup d&rsquo;articles \/ tutoriels sur Android et la mobilit\u00e9 en g\u00e9n\u00e9ral.<strong id=\"internal-source-marker_0.06785542657598853\"><br \/>\n<\/strong><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#Responsive Webdesign<\/p>\n<p><a href=_-4080.html>Responsive web-nav <\/a>, un tutoriel pour cr\u00e9er une navigation horizontale qui s\u2019adapte verticalement aux mobiles<\/p>\n<p>#E-mail<\/p>\n<p><a href=_-4081.html>28 Tips for Designing Effective HTML Emails<\/a>, le design d\u2019e-mail et newsletter qui fonctionnent correctement sur diff\u00e9rents clients est une t\u00e2che complexe, 28 conseils pour vous la faciliter<\/p>\n<p>#HTML #CSS<\/p>\n<p><a href=_-4082.html>Build a one-click registration form powered by Google<\/a> un tutoriel pour cr\u00e9er un formulaire de login qui permet de se logguer avec un compte Google sur votre site<\/p>\n<h2>\nDes ressources \u00a0utiles<\/h2>\n<p>#Icons<\/p>\n<p><a href=_-4083.html>Ultimate Collection Of Free Pixel-Perfect Icon Sets [1000+ Icons] <\/a>besoin d\u2019icones ? Voil\u00e0 qui devrait vous aider \u00e0 faire votre choix<\/p>\n<p>#icons<\/p>\n<p><a href=_-4084.html>game-icons.net<\/a> , \u00a0des centaines d\u2019ic\u00f4nes gratuites pour customiser vos jeux<\/p>\n<p>#Responsive Webdesign<\/p>\n<p><a href=_-4085.html>initial-scale=1, le pour et le contre<\/a>, les effets n\u00e9fastes de l\u2019inital-scale dans le meta viewport (surtout sur les devices iOS), pourquoi l\u2019utiliser, et pourquoi ne pas le faire r\u00e9sum\u00e9s dans un article avec en prime un petit fix JavaScript.<\/p>\n<p>#Documents l\u00e9gaux<\/p>\n<p><a href=_-4086.html>Docracy.com<\/a> un site collaboratif pour trouver des documents l\u00e9gaux (en Anglais uniquement h\u00e9las)<\/p>\n<h2>Les outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n<p>#CSS<\/p>\n<p><a href=_-4087.html>Knacsss<\/a>, un framework CSS made in Alsace avec l\u2019amour des saucisses et du CSS<\/p>\n<p>#HTML5<\/p>\n<p><a href=_-4088.html>Html5sortable<\/a> , un plugin pour cr\u00e9er des \u00e9l\u00e9ments triables en drag and drop bas\u00e9 sur l\u2019API HTML5 drag and drop<\/p>\n<p>#Htaccess<\/p>\n<p><a href=_-4089.html>Htaccessredirect.net,\u00a0<\/a> un outil pour vous aider \u00e0 r\u00e9diger votre fichier htaccess pour les redirections<\/p>\n<p>#jQuery<\/p>\n<p><a href=_-4090.html>Adipoli<\/a>, un plugin jQuery pour des effets au survol d\u2019image (moza\u00efque, noir et blanc, volets, etc)<\/p>\n<p><a href=_-4091.html>Mosaic<\/a>, un plugin jQuery pour cr\u00e9er des captions et contenus qui apparaissent au survol d\u2019images<\/p>\n<p><a href=_-4092.html>Jquerypp.com<\/a>, une collection d\u2019events utiles que jQuery ne supporte pas de base<\/p>\n<p><a href=_-4093.html>Gridster<\/a>, un script pour faire du drag and drop d\u2019\u00e9l\u00e9ments sur une grille qui vont se replacer automatiquement<\/p>\n<p>#JavaScript #Images<\/p>\n<p><a href=_-4094.html>Seuratjs<\/a> une librairie JavaScript qui permet de transformer des images en matrices de points , visuellement fun<\/p>\n<h2>Les articles \u00e0 lire<\/h2>\n<p>#Android<\/p>\n<p><a href=_-4095.html>Designing For Android: Tips And Techniques<\/a> Android a beaucoup \u00e9volu\u00e9 et c\u2019est am\u00e9lior\u00e9 dans ses derni\u00e8res versions en terme d\u2019UI et UX notamment, mais \u00e9trangement cette plate forme n\u2019attire que peu de designers. Quelques guidelines qui esp\u00e9rons vous donneront envie de faire des designs pour Android.<\/p>\n<p>#WordPress #Responsive<\/p>\n<p><a href=_-4096.html>Adopting A Responsive WordPress Theme Is More Than Install-And-Go<\/a> cr\u00e9er un th\u00e8me responsive est bien plus compliqu\u00e9 que de changer la taille des collones en fonction du viewport. Quelques conseils pour mieux choisir et les bonnes questions \u00e0 vous poser avant de vous lancer dans cette aventure.<\/p>\n<p>#Metro #Windowsmobile<\/p>\n<p><a href=_-4097.html>Design case study: iPad to Metro style app<\/a> pour ne pas tomber dans le pi\u00e8ce du portage d\u2019une application iPad vers Metro sans adaptation, Microsoft donne des conseils et des guidelines. A lire absolument !<\/p>\n<p>#Wireframing<\/p>\n<p><a href=_-4098.html>Paper-prototyping-analog-tools-web-mobile-designers<\/a>, une collection d\u2019outils papiers et PDF \u00e0 t\u00e9l\u00e9charger si comme moi vous pr\u00e9f\u00e9rer cr\u00e9er vos wireframes sur papier<\/p>\n<p>#Logo<\/p>\n<p><a href=index-1812.html#\/projects\/codepen\">Codepen<\/a> , le processus cr\u00e9atif et wireframes derri\u00e8res le logo de codepen<\/p>\n<p>#Meta tag<\/p>\n<p><a href=_-4099.html>Mobile Meta Tags, Useful Meta Information for Mobile Websites <\/a>, les meta tags mobiles, qui sont ils, quelle est leur utilit\u00e9 ?<\/p>\n<p>#Design #Interview<\/p>\n<p><a href=_-4100.html>Mike Monteiro on handling clients<\/a> : Mike Monteiro, l\u2019auteur de \u201cDesign is a Job\u201d (si vous ne l\u2019avez toujours pas lu, qu\u2019attendez vous ?!) r\u00e9pond aux questions des internautes concernant la gestion de clients<\/p>\n<p>#WordPress<\/p>\n<p><a href=_-4101.html>What to Look for in a Great WordPress Caching Plugin<\/a> un article conscis qui explique ce que fait un plugin de cache, et les crit\u00e8res \u00e0 prendre en compte lors du choix du plugin pour WordPress<\/p>\n<p>#Freelance<\/p>\n<p><a href=_-4102.html>How to Get Your Clients to Write Their Own Quotes <\/a>d\u2019excellents conseils pour chiffrer un projet et ne pas faire peur aux clients en annon\u00e7ant un prix sans explication, collaboration et communication sont les cl\u00e9s.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.Dans cette 21em \u00e9dition des liens utiles de la semaine, beaucoup de scripts et plugins jQuery pour vous amuser, mais aussi beaucoup d&rsquo;articles \/ tutoriels sur Android et la mobilit\u00e9 en g\u00e9n\u00e9ral. Les tutoriels de la semaine #Responsive Webdesign Responsive web-nav , un tutoriel pour cr\u00e9er une navigation horizontale qui s\u2019adapte verticalement aux mobiles #E-mail 28 Tips for Designing Effective HTML Emails, &hellip;<\/p>\n","protected":false},"author":3,"featured_media":820,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-818","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Des pixels et du code #21 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<meta name=\"description\" content=\"Les liens utiles de la semaine, beaucoup de scripts et plugins jQuery,, mais aussi beaucoup d&#039;articles \/ tutoriels sur Android et la mobilit\u00e9 en g\u00e9n\u00e9ral.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-4103.html \/>\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 #21 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Les liens utiles de la semaine, beaucoup de scripts et plugins jQuery,, mais aussi beaucoup d&#039;articles \/ tutoriels sur Android et la mobilit\u00e9 en g\u00e9n\u00e9ral.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/\" \/>\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-08-02T21:19:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/08\/pixeletcode211.png\" \/>\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\/png\" \/>\n<meta name=\"author\" content=\"St\u00e9phanie Walter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@walterstephanie\" \/>\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-21\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/\",\"name\":\"Des pixels et du code #21 - 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-21\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixeletcode211.png\",\"datePublished\":\"2012-08-02T21:19:15+00:00\",\"dateModified\":\"2012-08-02T21:19:15+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Les liens utiles de la semaine, beaucoup de scripts et plugins jQuery,, mais aussi beaucoup d'articles \/ tutoriels sur Android et la mobilit\u00e9 en g\u00e9n\u00e9ral.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixeletcode211.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixeletcode211.png\",\"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&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=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\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher &amp; 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\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Des pixels et du code #21 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Les liens utiles de la semaine, beaucoup de scripts et plugins jQuery,, mais aussi beaucoup d'articles \/ tutoriels sur Android et la mobilit\u00e9 en g\u00e9n\u00e9ral.","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-21\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #21 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Les liens utiles de la semaine, beaucoup de scripts et plugins jQuery,, mais aussi beaucoup d'articles \/ tutoriels sur Android et la mobilit\u00e9 en g\u00e9n\u00e9ral.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-08-02T21:19:15+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/08\/pixeletcode211.png","type":"image\/png"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@walterstephanie","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-21\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/","name":"Des pixels et du code #21 - 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-21\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixeletcode211.png","datePublished":"2012-08-02T21:19:15+00:00","dateModified":"2012-08-02T21:19:15+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Les liens utiles de la semaine, beaucoup de scripts et plugins jQuery,, mais aussi beaucoup d'articles \/ tutoriels sur Android et la mobilit\u00e9 en g\u00e9n\u00e9ral.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-21\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixeletcode211.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/pixeletcode211.png","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&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":"required name=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\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher &amp; 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\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/818"}],"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=818"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/818\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/820"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}