{"id":1818,"date":"2013-08-30T08:00:34","date_gmt":"2013-08-30T06:00:34","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1818"},"modified":"2019-12-18T14:04:23","modified_gmt":"2019-12-18T13:04:23","slug":"des-pixels-et-du-code-77","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/","title":{"rendered":"Des pixels et du code #77"},"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>

Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration. J’ai \u00e9galement d\u00e9cid\u00e9 d’ajouter quelques images pour rendre la s\u00e9rie d’articles moins \u00ab\u00a0fades\u00a0\u00bb, \u00e0 vous de me dire si cela a une valeur ajout\u00e9e ou perturbe la lecture.<\/p>\n

Cette semaine de lien est tr\u00e8s orient\u00e9 inspiration : illustrations, packaging et webdesign, vous trouverez de quoi faire. Du c\u00f4t\u00e9 des articles, une r\u00e9ponse aux barres de chargement, et un excellent article sur la protection des id\u00e9es. Sans oublier les ressources, plugins et outils \u00e0 ne pas manque. Bonne lecture :)<\/p>\n

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

#Id\u00e9es<\/p>\n

Vous n’avez pas peur que quelqu’un vous pique votre id\u00e9e ?<\/a> ou pourquoi ne pas avoir \u201cpeur\u201d de se faire piquer ses id\u00e9es aide au final \u00e0 avancer<\/p>\n

#UI<\/p>\n

UI Anti Pattern: Website Loading Bars<\/a>, en r\u00e9ponse \u00e0 cet article New UI Pattern: Website Loading Bars <\/a><\/p>\n

#JavaScript<\/p>\n

Sigh, JavaScript,<\/a> une galeries de sites qui ne fonctionnent qu’avec JavaScript d’activ\u00e9.<\/p>\n

Inspiration<\/h2>\n

\"ryan<\/p>\n

#Packaging<\/p>\n

Urban Survival Pack<\/a>\u00a0une id\u00e9e sympa de packaging de kit pour planter des herbes et salades en milieu urbain<\/p>\n

#Carte de visite<\/p>\n

Une collection de cartes de visite dans un style \u201cVintage\u201d <\/a><\/p>\n

#Webdesign<\/p>\n

Basiliq<\/a> De tr\u00e8s jolies couleurs et pr\u00e9sentation pour un petit kit de wireframe rapide d’application<\/p>\n

\"ollymoss.\"<\/p>\n

#Illustration<\/p>\n

ollymoss.com<\/a>\u00a0la claque visuelle et la semaine par l\u2019illustrateur Olly Moss, et encore plus d\u2019illustrations sur son blog<\/a><\/p>\n

\"Parallax.js\"<\/p>\n

#Parallax<\/p>\n

Parallax.js<\/a> une d\u00e9mo de parallaxe avec une int\u00e9gration du gyrosocope de l\u2019appareil<\/p>\n

#Flat<\/p>\n

Flatscapes<\/a> une exp\u00e9rience de design de paysages \u201cflat\u201d plut\u00f4t r\u00e9ussie \u00e0 mon avis<\/p>\n

#StreetArt #Typo<\/p>\n

Louisville Mural<\/a> une jolie fresque murale peinte en lettrage<\/p>\n

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

\"sidebar\"<\/p>\n

#CSS<\/p>\n

Sidebar Transitions<\/a> diff\u00e9rents effets de transition pour un menu off-canvas<\/p>\n

Des ressources utiles<\/h2>\n

\"The<\/p>\n

#Mobile<\/p>\n

Themobileindex.com<\/a>\u00a0vulgarise (en anglais) le vocabulaire de la mobilit\u00e9. Si vous pr\u00e9f\u00e9rez le fran\u00e7ais il vous reste toujours\u00a0Lesgrosmotsdumobile.com<\/a>\u00a0;)<\/p>\n

#iOS<\/p>\n

The iOS Design Cheat Sheet<\/a> : tailles d’ic\u00f4nes, d\u2019\u00e9cran et autres chiffres utiles rassembl\u00e9s au m\u00eame endroit<\/p>\n

#Mobile #Performance<\/p>\n

CSS Sprites vs. Data URIs: Which is Faster on Mobile?<\/a> (spoiler : ce sont les sprites qui gagnent malgr\u00e9 le chargement de ressource suppl\u00e9mentaire)<\/p>\n

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

\"psdfonts.com\"<\/p>\n

#PSD #Police<\/p>\n

psdfonts.com<\/a> un outil en ligne pour connaitre les polices utilis\u00e9es dans un PSD sans avoir \u00e0 l’ouvrir et chercher dans les calques<\/p>\n

#PNG #Compression<\/p>\n

compresspng.com<\/a>\u00a0un outil en ligne pour compresser les PNG24 (et autres formats d\u2019image) vers du PNG8 avec transparence alpha plus l\u00e9gers.<\/p>\n

#Sass<\/p>\n

SassMe<\/a>, un outil en ligne pour visualiser les fonctions de couleur de Sass sans avoir besoin de compiler<\/p>\n

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

#Visualisation de donn\u00e9es<\/p>\n

Mapping Arms Data<\/a> l\u2019import et export d\u2019armes et munitions dans le monde<\/p>\n

Et s’il devait n’en rester qu’un ?<\/h2>\n

#UI design<\/p>\n

Interface Espionage, Platform Agnostic Influence<\/a>\u00a0tester d\u2019autres plate-formes et appareils que ceux auxquels nous sommes habitu\u00e9s pour \u00e9largir ses perspectives et trouver de nouvelles inspirations<\/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.Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration. J’ai \u00e9galement d\u00e9cid\u00e9 d’ajouter quelques images pour rendre la s\u00e9rie d’articles moins \u00ab\u00a0fades\u00a0\u00bb, \u00e0 vous de me dire si cela a une valeur ajout\u00e9e ou perturbe la lecture. Cette semaine de lien est tr\u00e8s orient\u00e9 inspiration …<\/p>\n","protected":false},"author":3,"featured_media":1831,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1818","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nDes pixels et du code #77 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 77\" \/>\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-77\/\" \/>\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 #77 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 77\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/\" \/>\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-08-30T06:00:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-12-18T13:04:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/08\/pixelcode771.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-77\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/\",\"name\":\"Des pixels et du code #77 - 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-77\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/08\/pixelcode771.jpg\",\"datePublished\":\"2013-08-30T06:00:34+00:00\",\"dateModified\":\"2019-12-18T13:04:23+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 77\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/08\/pixelcode771.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/08\/pixelcode771.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #77\"},{\"@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 #77 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 77","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-77\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #77 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 77","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-08-30T06:00:34+00:00","article_modified_time":"2019-12-18T13:04:23+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/08\/pixelcode771.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-77\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/","name":"Des pixels et du code #77 - 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-77\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/08\/pixelcode771.jpg","datePublished":"2013-08-30T06:00:34+00:00","dateModified":"2019-12-18T13:04:23+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Web Design et graphisme, exp\u00e9rience utilisateurs, HTML, CSS, outils, ressources et inspiration, les liens de la semaine \u00e0 ne pas manquer, \u00e9dition 77","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-77\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/08\/pixelcode771.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/08\/pixelcode771.jpg","width":700,"height":200,"caption":"Des pixels et du code #77"},{"@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\/1818","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=1818"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1818\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1831"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}