{"id":2014,"date":"2013-10-25T08:43:06","date_gmt":"2013-10-25T06:43:06","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2014"},"modified":"2013-10-27T10:03:01","modified_gmt":"2013-10-27T09:03:01","slug":"pixels-du-code-85","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/","title":{"rendered":"Des pixels et du code #85"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 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.<\/p>\n

Une nouvelle semaine qui met l’accent sur la mobilit\u00e9, et l’exp\u00e9rience utilisateur dans les articles et toujours des illustrations, des couleurs, de la typographie pour vous inspirer. La section des ressources est tr\u00e8s fournie cette semaine, vous aurez donc quelques nouveaut\u00e9s avec lesquelles vous amuser ce weekend.<\/p>\n

Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

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

\u00a0\"Posted<\/p>\n

#Mobile<\/p>\n

5 Advanced Mobile Web Design Techniques You\u2019ve Probably Never Seen Before<\/a>, 5 id\u00e9es pour le design d\u2019\u00e9l\u00e9ments mobile qui changent pour certaines de ce qu\u2019on a l\u2019habitude de voir.<\/p>\n

#CSS \u00a0#Responsive<\/p>\n

Mobile-first Responsive Web Design and IE8<\/a> une technique bas\u00e9e sur des mixins Sass pour faire du mobile first tout en proposant aux vielles version IE8 et moins une version \u201cdesktop\u201d du CSS<\/p>\n

#WYSIWYG<\/p>\n

WYSIWTFFTWOMG!<\/a> une r\u00e9flexion sur les \u00e9diteurs WYSWYG et leur inefficacit\u00e9 dans un contexte de site fluide et responsive<\/p>\n

\"Smart<\/p>\n

#UX<\/p>\n

Smart Transitions In User Experience Design<\/a> ou comment des animations bien plac\u00e9es et r\u00e9fl\u00e9chies peuvent am\u00e9liorer l\u2019exp\u00e9rience utilisateur globale<\/p>\n

Inspiration<\/h2>\n

\"Time-<\/p>\n

#Illustration<\/p>\n

Time<\/a> une jolie m\u00e9taphore du temps qui passe<\/p>\n

#Couleur<\/p>\n

Namethatblue<\/a> trouvez \u00e0 quelle marque ou produit ce bleu appartient (vous pouvez jouer avec d\u2019autres couleurs en cliquant sur le lien en bas)<\/p>\n

\"Shawn<\/p>\n

#Pixel-art<\/p>\n

Shawn Smith<\/a>, ce gar\u00e7on fait des sculptures en 3D et pixel art :)<\/p>\n

\"Famous<\/p>\n

#CSS<\/p>\n

Cssspecificity.com<\/a> un tableau des sp\u00e9cificit\u00e9s CSS illustr\u00e9 avec des ic\u00f4nes inspir\u00e9es de Shining<\/p>\n

#Illustration<\/p>\n

Famous costumes from movies and music by Brazilian designer Frederico Birchal <\/a><\/p>\n

\"typenovel\"<\/p>\n

#Typographie<\/p>\n

typenovel.tumblr.com<\/a> a collection une collection d\u2019enseignes et panneaux avec de jolies lettres<\/p>\n

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

\"ThumbnailGridAnimations\"<\/p>\n

#CSS<\/p>\n

Animations for Thumbnail Grids<\/a> de jolies animations sur un slider d\u2019images<\/p>\n

Des ressources utiles<\/h2>\n

\"Responsive<\/p>\n

#RWD<\/p>\n

Responsive Design Knowledge Hub<\/a>, des d\u00e9finitions, des examples, des concepts de design et beaucoup d\u2019autres liens pour vous aider \u00e0 cr\u00e9er un site responsive, tous au m\u00eame endroit.<\/p>\n

#Design<\/p>\n

Design Principles FTW<\/a>, une collection des principes de design de diff\u00e9rents produits et marques pour vous inspirer<\/p>\n

\"snapsvg.io\"<\/p>\n

#SVG<\/p>\n

Snap.svg\u00a0<\/a>une librairie JavaScript pour s\u2019amuser avec des SVG<\/p>\n

#HTML5<\/p>\n

html5up.net<\/a> une collection de template de site HTML5 gratuites et responsives<\/p>\n

Des ressources gratuites<\/h2>\n

#Identit\u00e9<\/p>\n

25 Free PSD Templates to Mockup Your Print Designs<\/a> 25 templates PSD pour pr\u00e9senter un design<\/p>\n

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

\"sketchology\"<\/p>\n

#iPad<\/p>\n

Sketchologyapp<\/a> – Une application iPad assez proche de Sketch (payez pour d\u00e9bloquer des nouveaux outils) mais qui propose un niveau de zoom quasi infini et un r\u00e9glage de la taille des pinceaux et de leur opacit\u00e9<\/p>\n

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

#iOS7<\/p>\n

Was iOS 7 created in Microsoft Word?<\/a> ou comment refaire l\u2019interface de la homescreen de iOS7 uniquement en utilisant Microsoft Word<\/p>\n

#CSS<\/p>\n

Bender dancing<\/a> Bender (Futurama) qui dance, le tout en full CSS<\/p>\n

\"css3geometry\"<\/p>\n

#CSS3<\/p>\n

CSS3 Geometry<\/a> une collection de formes g\u00e9om\u00e9triques cr\u00e9\u00e9es en CSS3<\/p>\n

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

\"alice<\/p>\n

Alice’s Adventures in Wonderland<\/a>, une magnifique d\u00e9monstration des possibilit\u00e9 du module \u201cCSS Shape, avec le making of sur le blog d\u2019Ultranoir<\/a><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 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. Une nouvelle semaine qui met l’accent sur la mobilit\u00e9, et l’exp\u00e9rience utilisateur dans les articles et toujours des illustrations, des couleurs, de la typographie pour vous inspirer. La section des ressources est tr\u00e8s fournie cette semaine, …<\/p>\n","protected":false},"author":3,"featured_media":2029,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2014","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 #85 - 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 85\" \/>\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\/pixels-du-code-85\/\" \/>\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 #85 - 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 85\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/\" \/>\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-10-25T06:43:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-10-27T09:03:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/10\/pixeletcode85.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=\"@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\/pixels-du-code-85\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/\",\"name\":\"Des pixels et du code #85 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixeletcode85.jpg\",\"datePublished\":\"2013-10-25T06:43:06+00:00\",\"dateModified\":\"2013-10-27T09:03:01+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 85\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixeletcode85.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixeletcode85.jpg\",\"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\":\"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 #85 - 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 85","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\/pixels-du-code-85\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #85 - 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 85","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-10-25T06:43:06+00:00","article_modified_time":"2013-10-27T09:03:01+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/10\/pixeletcode85.jpg","type":"image\/jpeg"}],"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\/pixels-du-code-85\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/","name":"Des pixels et du code #85 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixeletcode85.jpg","datePublished":"2013-10-25T06:43:06+00:00","dateModified":"2013-10-27T09:03:01+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 85","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/pixels-du-code-85\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixeletcode85.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/10\/pixeletcode85.jpg","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":"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\/2014","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=2014"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2014\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2029"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}