{"id":2323,"date":"2014-01-31T08:45:18","date_gmt":"2014-01-31T07:45:18","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2323"},"modified":"2014-02-26T11:36:25","modified_gmt":"2014-02-26T10:36:25","slug":"des-pixels-du-code-99","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/","title":{"rendered":"Des pixels et du code #99"},"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. Cette semaine beaucoup de ressources et d’outils dans ma veille pour faciliter votre vie au quotidien.<\/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

#Logo<\/span><\/p>\n

A logo should tell a story<\/a>: le processus cr\u00e9atif derri\u00e8re un design de logo r\u00e9sum\u00e9 en 4 points.<\/p>\n

\"A<\/p>\n

#Hack
\nHow I Lost My $50,000 Twitter Username<\/a> ou comment PayPal et GoDaddy ont permis le hack d\u2019un compte twitter pour lequel on lui avait d\u00e9j\u00e0 propos\u00e9 50 000 $<\/p>\n

\"How
\n#Affordance
\nLes affordances<\/a> dans le design de jeux expliqu\u00e9es dans une petit vid\u00e9o<\/p>\n

Inspiration<\/h2>\n

#Design
\nOne year of design<\/a> : pendant un an il designe durant 20-30 minutes par jours pour explorer de nouvelles techniques et styles, un bien chouette projet<\/p>\n

\"One<\/p>\n

#GIF
\nPlayandlistentogifs.com<\/a> une petite exp\u00e9rience musical avec des GIFs anim\u00e9s<\/p>\n

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

#Portfolio
\nLagier-kevin.com<\/a> le porfolio d\u2019un petit jeune parisien de 22 ans. D\u2019ailleurs il chercher un stage en DA ;)<\/p>\n

#iOS application
\nPeek calendar<\/a>, j\u2019aime beaucoup la fonctionnalit\u00e9 \u201cshading gesture\u201d qui permet d\u2019ajouter du contraste \u00e0 l\u2019\u00e9cran en passant la main par dessus le d\u00e9tecteur<\/p>\n

\"Peek<\/p>\n

#Interactions
\nLa jolie histoire anim\u00e9s avec pleins d’interactions sympathiques de\u00a0Jasper l\u2019ours<\/a><\/p>\n

Des ressources utiles<\/h2>\n

#Jeu #Accessibilit\u00e9
\nGame accessibility guidelines<\/a> un site avec de bons conseils pour l\u2019accessibilit\u00e9 des jeux vid\u00e9os.<\/p>\n

#Font Drapeaux
\nFlagsmithfont.com<\/a>, une police qui utilise les ligatures pour combiner des drapeaux<\/p>\n

\"Flagsmithfont.com,\"<\/p>\n

\u00a0#Logo
\nMake the Logo bigger<\/a>, pour les clients qui demandent un logo plus grand, il y a une extension Chrome pour \u00e7a :)<\/p>\n

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

#Images
\nSizzlepig<\/a>, un outil en ligne qui permet de redimensionner plusieurs images et retailler des images par lot avec un syst\u00e8me de \u201cblueprint\u201d qui sont des masques pr\u00e9-fabriqu\u00e9s. Assez bluffant et une super id\u00e9e pour les \u00e9diteurs de contenus qui doivent g\u00e9n\u00e9rer plusieurs formats d\u2019image \u00e0 la fois.<\/p>\n

\n

#Squarespace
\nJe me rend compte que la semaine derni\u00e8re j\u2019ai oubli\u00e9 de vous parler de la nouvelle qui a fait le tour du web et des r\u00e9seaux : Logo par Squarespace<\/a>. C\u2019est un outil en ligne qui vous permet de faire un \u201clogo\u201d (je mets de gros guillemets ici) en r\u00e9cup\u00e9rant des ic\u00f4nes de Nounprojet<\/a>. Autant vous dire que \u00e7a a grinc\u00e9 des dents chez les designers entre ceux qui voient ici un nouveau willogo plus rapide, et ceux qui pensent que de toute fa\u00e7on les utilisateurs de ce genre de service n\u2019ont pas de budget et ne seront jamais des clients pour un webdesigner.<\/p>\n

\"Logo<\/p>\n

#JS
\nYoumightnotneedjquery.com<\/a>\u00a0des alternatives \u00e0 jQuery en vanilla JS avec le support navigateur<\/p>\n

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

#CSS #Shadow
\nInteractive shadow-art in your browser <\/a>une exp\u00e9rience d\u2019ombrage de lettres dans le navigateur<\/p>\n

#CSS
\nUn bureau en CSS et JavaScript<\/a>, impressionnant.<\/p>\n

\"CSS<\/p>\n

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

#Pop-up
\nDes modales type \u00ab\u00a0pop-up qui demande votre mail \u00e0 l’entr\u00e9e du site<\/a>\u00ab\u00a0, mais dans la vrai vie \u00e7a donnerait quoi ? Inspir\u00e9 de l’article\u00a0Your Marketing is Killing Your Sales\u00a0<\/a><\/p>\n

\"Marketing<\/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. Cette semaine beaucoup de ressources et d’outils dans ma veille pour faciliter votre vie au quotidien. Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter. Bonne lecture :) Les articles \u00e0 lire #Logo A …<\/p>\n","protected":false},"author":3,"featured_media":2334,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-2323","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #99 - 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 99\" \/>\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-du-code-99\/\" \/>\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 #99 - 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 99\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/\" \/>\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=\"2014-01-31T07:45:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-02-26T10:36:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/01\/meetjasper.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"243\" \/>\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-du-code-99\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/\",\"name\":\"Des pixels et du code #99 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/meetjasper.jpg\",\"datePublished\":\"2014-01-31T07:45:18+00:00\",\"dateModified\":\"2014-02-26T10:36:25+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 99\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/meetjasper.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/meetjasper.jpg\",\"width\":850,\"height\":243},{\"@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 #99 - 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 99","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-du-code-99\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #99 - 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 99","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-01-31T07:45:18+00:00","article_modified_time":"2014-02-26T10:36:25+00:00","og_image":[{"width":850,"height":243,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/01\/meetjasper.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-du-code-99\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/","name":"Des pixels et du code #99 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/meetjasper.jpg","datePublished":"2014-01-31T07:45:18+00:00","dateModified":"2014-02-26T10:36:25+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 99","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-du-code-99\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/meetjasper.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/01\/meetjasper.jpg","width":850,"height":243},{"@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\/2323","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=2323"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2323\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2334"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}