{"id":1560,"date":"2013-05-31T08:25:25","date_gmt":"2013-05-31T06:25:25","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1560"},"modified":"2013-05-31T08:25:25","modified_gmt":"2013-05-31T06:25:25","slug":"des-pixels-et-du-code-64","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/","title":{"rendered":"Des pixels et du code #64"},"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>

Cette semaine vous d\u00e9couvrirez dans les articles \u00e0 ne pas manquer les nouveaut\u00e9s Illustrator CC, une m\u00e9thode d’apprentissage peu banale et un superbe making of de site avec des SVGs anim\u00e9s. Designers et graphistes en manque d’inspiration pourront jeter un oeil aux tendances des logos pour 2013, et s’inspirer du design de formulaire \u00a0et d’illustrations. Les ressources sont tr\u00e8s orient\u00e9es mobile et responsive webdesign, et un petit outil en ligne vous permettra de coloriser les cartes Google sans trop de difficult\u00e9s. Enfin l’article \u00e0 ne pas manquer cette semaine aborde le responsive sous un autre angle que ceux qu’on lit d’habitude : future, difficult\u00e9s et d\u00e9fis qu’il nous faudra encore relever. Bonne lecture :)<\/p>\n

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

#Freelance<\/p>\n

Deleted my portfolio, made $30k in my first six months\u2026<\/a> \u00a0retour d\u2019exp\u00e9rience d\u2019un designer qui a supprim\u00e9 son portfolio pour prospecter directement des clients par mail en leur envoyant un PDF de ses travaux<\/p>\n

#Comportement<\/p>\n

Why I Let My Students Cheat On Their Game Theory Exam <\/a>un professeur en th\u00e9orie du jeu qui explique comment, pour un examen il a laiss\u00e9 ses \u00e9tudiants \u201ctricher\u201d, \u00e0 savoir travailler en commun avec leurs notes et internet pour leur faire \u201cvivre\u201d \u00a0une exp\u00e9rience sociologique de th\u00e9orie du jeu<\/p>\n

#Apprendre<\/p>\n

Dossier : comment apprendre le webdesign en ligne <\/a>\u00a0un excellent dossier en ligne sur Webdesignertrend avec des ressources pour l\u2019apprentissage en ligne des m\u00e9tiers du webdesign<\/p>\n

#Illustrator<\/p>\n

What\u2019s new for web designers in Illustrator CC <\/a>\u00a0meilleur gestion des fonts, export CSS , copier\/coller le code SVG directement dans un \u00e9diteur de code et pleins d\u2019autres nouveaut\u00e9s dans Illustrator CC<\/p>\n

#Details<\/p>\n

Rageskitching Facebook 2013 Edition: 3px of padding makes all the difference in the world<\/a> comment 3px en plus peuvent \u00e9quilibrer un design (m\u00eame si j\u2019avoue que lire que l\u2019auteur ne peut pas supporter le padding non \u00e9gal est quelque exag\u00e9r\u00e9)<\/p>\n

#Making of SVG<\/p>\n

The Playground Vector Animation Process<\/a> le making of et processus pour cr\u00e9er les animations SVG du site\u00a0playgroundinc.com<\/a>\u00a0qui m\u2019intriguaient tant il y a quelques semaines<\/p>\n

Inspiration<\/h2>\n

#Logo<\/p>\n

2013 Logo Trends <\/a>quelques unes des tendances des logos pour 2013 dans diff\u00e9rents styles<\/p>\n

#Formulaire<\/p>\n

Myboat.gp<\/a>\u00a0remplissez le formulaire et d\u00e9couvrez le bateau qui se construit<\/p>\n

#GUI<\/p>\n

Accessmaincomputerfile.net<\/a>\u00a0une histoire en image des interfaces d\u2019ordinateur au cinema<\/p>\n

#Webdesign<\/p>\n

Kick-my-habits<\/a>\u00a0 un petit site avec un joli design qui nous montre combien co\u00fbtent nos mauvaises habitudes (mal bouffe, cigarette, etc) pour essayer de s\u2019en d\u00e9barrasser<\/p>\n

<\/h2>\n

Des ressources utiles<\/h2>\n

#Mobile<\/p>\n

Screensiz<\/a>\u00a0liste les tailles des \u00e9crans de t\u00e9l\u00e9phone mobile et tablette les plus courantes sur le march\u00e9, class\u00e9s par popularit\u00e9<\/p>\n

#Rwd<\/p>\n

Easy Responsive Tabs to Accordion<\/a> pour facilement passer d\u2019un layout en onglets \u00e0 des accord\u00e9ons d\u00e9roulants sur petits \u00e9crans<\/p>\n

#Select<\/p>\n

Minimalect<\/a>\u00a0un plugin jQuery pour cr\u00e9er styler l\u2019\u00e9l\u00e9ment select en dehors des contraintes navigateur<\/p>\n

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

#google maps<\/p>\n

Wizard<\/a>,\u00a0un petit utilitaire en ligne pour customiser les couleurs d\u2019une carte Google sans avoir \u00e0 toucher au code<\/p>\n

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

#Musique<\/p>\n

Beat<\/a>– Morning procrastination – une petite beatbox dans le navigateur http:\/\/stuartmemo.com\/beat-petite\/ :)<\/p>\n

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

#Responsive Webdesign<\/p>\n

Sur Smashing Magazine : Responsive Webdesign \u2013 pr\u00e9sent et futur de l\u2019adaptation mobile<\/a>, mon article paru cette semaine sur le future du design responsive et tout ce qu’il nous reste encore \u00e0 surmonter comme d\u00e9fis dans le domaine.<\/p>\n

Pour finir le wtf de la semaine est accord\u00e9 \u00e0 bounce<\/a>\u00a0un plugin qui permet \u201cjuste\u201d d\u2019avoir dans Photoshop une webview de Dribbble. J\u2019ai du mal \u00e0 comprendre l\u2019int\u00e9ret au final, mais voir qu\u2019on peut utiliser une webview dans un plugin Photoshop ouvre quelques perspectives<\/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.Cette semaine vous d\u00e9couvrirez dans les articles \u00e0 ne pas manquer les nouveaut\u00e9s Illustrator CC, une m\u00e9thode d’apprentissage peu banale et un superbe making of de site avec des SVGs anim\u00e9s. Designers et graphistes en manque d’inspiration pourront jeter un oeil aux tendances des logos pour 2013, et s’inspirer du design de formulaire \u00a0et d’illustrations. Les ressources sont tr\u00e8s orient\u00e9es mobile et …<\/p>\n","protected":false},"author":3,"featured_media":1561,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #64 - 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=\"Nouveaut\u00e9s Illustrator CC, inspiration graphique et SVG anim\u00e9, le future du responsive et ce qu'il reste encore \u00e0 faire dans le domaine, liste des tailles de mobile et tendances des logos 2013\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3799.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 #64 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Nouveaut\u00e9s Illustrator CC, inspiration graphique et SVG anim\u00e9, le future du responsive et ce qu'il reste encore \u00e0 faire dans le domaine, liste des tailles de mobile et tendances des logos 2013\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/\" \/>\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-05-31T06:25:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/05\/pixeletcode64.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\/des-pixels-et-du-code-64\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/\",\"name\":\"Des pixels et du code #64 - 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-64\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixeletcode64.jpg\",\"datePublished\":\"2013-05-31T06:25:25+00:00\",\"dateModified\":\"2013-05-31T06:25:25+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Nouveaut\u00e9s Illustrator CC, inspiration graphique et SVG anim\u00e9, le future du responsive et ce qu'il reste encore \u00e0 faire dans le domaine, liste des tailles de mobile et tendances des logos 2013\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixeletcode64.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixeletcode64.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #64\"},{\"@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 #64 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Nouveaut\u00e9s Illustrator CC, inspiration graphique et SVG anim\u00e9, le future du responsive et ce qu'il reste encore \u00e0 faire dans le domaine, liste des tailles de mobile et tendances des logos 2013","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-64\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #64 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Nouveaut\u00e9s Illustrator CC, inspiration graphique et SVG anim\u00e9, le future du responsive et ce qu'il reste encore \u00e0 faire dans le domaine, liste des tailles de mobile et tendances des logos 2013","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-05-31T06:25:25+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/05\/pixeletcode64.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\/des-pixels-et-du-code-64\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/","name":"Des pixels et du code #64 - 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-64\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixeletcode64.jpg","datePublished":"2013-05-31T06:25:25+00:00","dateModified":"2013-05-31T06:25:25+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Nouveaut\u00e9s Illustrator CC, inspiration graphique et SVG anim\u00e9, le future du responsive et ce qu'il reste encore \u00e0 faire dans le domaine, liste des tailles de mobile et tendances des logos 2013","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-64\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixeletcode64.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/05\/pixeletcode64.jpg","width":700,"height":200,"caption":"Des pixels et du code #64"},{"@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\/1560"}],"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=1560"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1560\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1561"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}