{"id":867,"date":"2012-08-30T20:46:35","date_gmt":"2012-08-30T18:46:35","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=867"},"modified":"2012-08-31T08:56:23","modified_gmt":"2012-08-31T06:56:23","slug":"des-pixels-et-du-code-25","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/","title":{"rendered":"Des pixels et du code #25"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Beaucoup de plugins jQuery et petits outils en JS, du SVG et de l’optimisation iPad ainsi que des ressources WordPress dans les liens choisis cette semaine. Bonne lecture<\/p>\n

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

#WordPress<\/p>\n

WordPress Event Calendar Using Custom Post Types and Verbose Calendar <\/a>, un tutoriel tr\u00e8s complet qui m\u00e9lagne custom post type, meta boxes, plugin, etc. pour cr\u00e9er un calendrier d\u2019ev\u00e8nements sous WordPress<\/p>\n

#Meteo
\nJquery.simpleWeather<\/a>\u00a0un tutoriel pour utiliser l\u2019api de simpleWeather pour cr\u00e9er un widget propose et customis\u00e9 qui donne la m\u00e9t\u00e9o sur votre site<\/p>\n

Des ressources utiles<\/h2>\n

#WordPress<\/p>\n

The Ultimate Guide to WordPress Post Excerpts<\/a> changer la longueur, le lien, et tellement plus, tout ce dont vous avez besoin pour jouer avec les extraits WordPress<\/p>\n

WordPress theme css starter<\/a> une liste des classes que l\u2019on peut trouver dans un th\u00e8me WordPress (g\u00e9n\u00e9r\u00e9es par l\u2019API pour les menus, widgets, articles etc) qui pourra vous \u00eatre tr\u00e8s utile pour le design de templates<\/p>\n

How to Preserve the Editor Scroll Position in WordPress<\/a> un plugin qui ne paie pas de mine mais ajoute une fonctionnalit\u00e9 sympa \u00e0 l\u2019admin, garder la position du scroll dans l\u2019\u00e9diteur WordPress<\/p>\n

#Bug iOS<\/p>\n

iOS-Orientationchange-Fix<\/a> \u00a0un JavaScript qui fix le bug sur l\u2019iPad d\u2019orientation : quand on tourne l\u2019appareil, la page se zoom. Il est possible de r\u00e9soudre cel\u00e0 avec un viewport qui utilise maximum-scale:1, mais on emp\u00eache l\u2019utiliser de zoomer. Ce script permet de r\u00e9soudre ce bug, sans pour autant emp\u00eacher l\u2019utilisateur de zoomer<\/p>\n

#Paralax<\/p>\n

Web-features.net<\/a>\u00a0un site web pour g\u00e9n\u00e9rer des arri\u00e8res plans avec effet parallaxe<\/p>\n

#WordPress<\/p>\n

Inpixelitrust responsive blank theme,<\/a>\u00a0un th\u00e8me de d\u00e9part pour vos projets WordPress en HTML5 bas\u00e9 sur Knacss<\/p>\n

#Effet papier<\/p>\n

Oridomi<\/a>\u00a0une librairie JS sans d\u00e9pendances pour cr\u00e9er des effets de papier plier recourb\u00e9<\/p>\n

 <\/p>\n

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

#RWD<\/p>\n

fitWeird<\/a>\u00a0un petit bookmarklet qui donne la taille de la fen\u00eatre en px et em pour d\u00e9buguer du responsive<\/p>\n

#Sprite<\/p>\n

Spritepad<\/a>\u00a0un outil pour cr\u00e9er vos images de sprite en drag and drop directement dans le navigateur.
\n#SVG<\/p>\n

Svgeezy<\/a>\u00a0un petit script pour ajouter des fallbacks aux images SVG de votre site<\/p>\n

#Drag & drop<\/p>\n

Pep.briangonzalez.org<\/a>\u00a0un plugin pour faire du drag & drop sur desktop mais qui fonctionne surtout aussi sur mobile !<\/p>\n

#WordPress #Mobile<\/p>\n

Mobble<\/a>\u00a0un plugin WordPress pour d\u00e9tecter differents User Agents mobiles. Vous pouvez aussi n\u2019en r\u00e9cup\u00e9rer qu\u2019une partie du code et copier\/coller dans functions.php<\/p>\n

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

#inspiration<\/p>\n

Awesome Breaking Bad Art Exhibition <\/a>du fan art Breaking Bad tr\u00e8s sympa<\/p>\n

#SEO Design<\/p>\n

The Nexus of Website Design and Search Optimisation<\/a> ou comment un bon design combin\u00e9 \u00e0 du bon contenu peuvent influencer le SEO d\u2019un site web<\/p>\n

#integration web<\/p>\n

F2em.com<\/a>\u00a0le manifeste de l\u2019int\u00e9grateur web (front de en anglais dans le texte)<\/p>\n

#font-face<\/p>\n

Optimiser le rendu de @font-face : tout un programme ! <\/a>un excellent article qui explique les diff\u00e9rences de rendus des font-face entre OS et navigateurs<\/p>\n

#Responsive Webdesign<\/p>\n

10 Responsive Navigation Solutions and Tutorials <\/a>si vous manquez d\u2019id\u00e9es et d\u2019inspiration, 10 propositions de navigations qui s\u2019adaptent \u00e0 la taille de l\u2019\u00e9cran<\/p>\n

#UX UI<\/p>\n

Lessons Learned Designing a Windows 8 App<\/a> \u00e0 travers l\u2019exemple du design d\u2019une application de music, voici une une pr\u00e9sentation de la nouvelle interface de windows 8, des choix de design, et de grosses et belles \u00e9volutions en terme d\u2019UI pour microsoft avec une interface plus clair et \u00e9pur\u00e9e en plus de l\u2019harmonisation entre les diff\u00e9rentes plateformes (pc, xbox et mobile\/tablette)<\/p>\n

Et pour finir, l\u2019exp\u00e9rience fun de la semaine, un Doodle Jump en ligne en HTML5<\/a>, let\u2019s play !<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu’il ne soit plus \u00e0 jour.Beaucoup de plugins jQuery et petits outils en JS, du SVG et de l’optimisation iPad ainsi que des ressources WordPress dans les liens choisis cette semaine. Bonne lecture Les tutoriels de la semaine #WordPress WordPress Event Calendar Using Custom Post Types and Verbose Calendar , un tutoriel tr\u00e8s complet qui m\u00e9lagne custom post type, meta boxes, plugin, etc. pour cr\u00e9er un calendrier …<\/p>\n","protected":false},"author":3,"featured_media":868,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-867","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #25 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <meta name=\"description\" content=\"Des plugins jQuery et petits outils en JS, du SVG et de l'optimisation iPad ainsi que des ressources WordPress dans les liens choisis 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=_-4054.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 #25 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Des plugins jQuery et petits outils en JS, du SVG et de l'optimisation iPad ainsi que des ressources WordPress dans les liens choisis cette semaine.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/\" \/>\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-30T18:46:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-08-31T06:56:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/08\/inpixel25.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-25\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/\",\"name\":\"Des pixels et du code #25 - 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-25\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/inpixel25.png\",\"datePublished\":\"2012-08-30T18:46:35+00:00\",\"dateModified\":\"2012-08-31T06:56:23+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Des plugins jQuery et petits outils en JS, du SVG et de l'optimisation iPad ainsi que des ressources WordPress dans les liens choisis cette semaine.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/inpixel25.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/inpixel25.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'utilisabilit\u00e9 et l'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 & 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 #25 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Des plugins jQuery et petits outils en JS, du SVG et de l'optimisation iPad ainsi que des ressources WordPress dans les liens choisis 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-25\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #25 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Des plugins jQuery et petits outils en JS, du SVG et de l'optimisation iPad ainsi que des ressources WordPress dans les liens choisis cette semaine.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-08-30T18:46:35+00:00","article_modified_time":"2012-08-31T06:56:23+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/08\/inpixel25.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-25\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/","name":"Des pixels et du code #25 - 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-25\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/inpixel25.png","datePublished":"2012-08-30T18:46:35+00:00","dateModified":"2012-08-31T06:56:23+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Des plugins jQuery et petits outils en JS, du SVG et de l'optimisation iPad ainsi que des ressources WordPress dans les liens choisis cette semaine.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-25\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/inpixel25.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/08\/inpixel25.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'utilisabilit\u00e9 et l'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 & 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\/867"}],"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=867"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/867\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/868"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}