{"id":1603,"date":"2013-06-14T09:00:04","date_gmt":"2013-06-14T07:00:04","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1603"},"modified":"2013-06-13T18:37:27","modified_gmt":"2013-06-13T16:37:27","slug":"des-pixels-et-du-code-66","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/","title":{"rendered":"Des pixels et du code #66"},"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>

Une version un peu particuli\u00e8re des pixels et du code puisque je suis aujourd’hui en directe de B\u00e9zier pour ma toute premi\u00e8re conf\u00e9rence \u00e0 Web-5<\/a>. Du coup les liens de la semaine prochaine seront surement moins \u00a0nombreux, n’ayant pas le temps en ce moment de faire ma veille matinale quotidienne. Au programme cette semaine, quelques articles sur la sortie d’iOS7, on ne pouvait pas y \u00e9chapper mais \u00e9galement des illustrations, des freebies et une pr\u00e9sentation du nouvel outil de Brad Frost \u00ab\u00a0atomic design\u00a0\u00bb.<\/p>\n

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

#UX mobile<\/p>\n

Three Reasons We\u2019ve Outgrown Mobile Context <\/a>\u00a03 raisons pour lesquelles il n\u2019est aujourd\u2019hui plus possible d\u2019imaginer retirer des fonctionnalit\u00e9s pour la version mobile d\u2019un site sur la simple supposition qu\u2019elles ne seront pas utilis\u00e9es. J\u2019aime beaucoup la citation de Brad Frost \u201cRepeat after me: mobile users will do anything and everything desktop users will do, provided it\u2019s presented in a usable way.\u201d<\/p>\n

#D\u00e9veloppement<\/span><\/p>\n

Why Developers Are Such Cheap Bastards <\/a>une analyse du pourquoi les d\u00e9veloppeurs pr\u00e9f\u00e8rent g\u00e9n\u00e9ralement travailler avec des outils gratuits. Je trouve la partie \u201cinterview\u201d de Erik B est assez r\u00e9v\u00e9latrice de ce qui doit souvent se passer en entreprise.<\/p>\n

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

Atomic Design Makes Me Feel Like a Chemist<\/a>, un retour sur la conf\u00e9rence de Brad Frost qui parlait d\u2019Atomic Design<\/a> avec une jolie m\u00e9taphore d\u2019un design sous forme de mol\u00e9cules que l\u2019on assemble et les techniques de Style Tiles<\/a>, Element Collages<\/a> ainsi qu\u2019une pr\u00e9sentation du Pattern Lab<\/a><\/p>\n

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

Par ce que c\u2019est la nouvelle de la semaine donc vous n\u2019avez pas pu y couper, difficile de trouver un article impartial sur le design mais en voici un qui d\u00e9taille les vues : iOS7 Anf The Transition To Flat<\/a><\/p>\n

Inspiration<\/h2>\n

#Webdesign<\/p>\n

Supersyncsports<\/a>\u00a0un jeu HTML5 sous Chrome qui utilise le t\u00e9l\u00e9phone comme manette pour contr\u00f4ler le petit personnage<\/p>\n

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

Moad Series <\/a>des illustrations tr\u00e8s color\u00e9es pour \u00e9gay\u00e9es votre semaine<\/p>\n

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

Jaune avec un grand R <\/a>de magnifiques affiches toute en jaune et bleu pour une campagne \u201c80 ans de Ricard\u201d sur le principe du calligramme<\/p>\n

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

Downloads<\/a>\u00a0de tr\u00e8s jolis fonds d\u2019\u00e9crans pleins de couleurs \u00e0 t\u00e9l\u00e9charger pour vos appareils<\/p>\n

Discover Your Design Alter Ego<\/a> modernism, Bauhaus, post industriel, etc, avec quel grand courant du design \u00eatre vous le plus proche.<\/span><\/p>\n

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

#Typography<\/p>\n

Setting type <\/a>un petit tutoriel sous forme d\u2019exercice pour apprendre les bases de la typographie et rythme vertical sur le web<\/p>\n

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

Horizontal Portfolio Layout with CSS3 Animations and jQuery<\/a> un tutoriel pour cr\u00e9er un portfolio de minatures de r\u00e9alisations horizontal qui apparaissent lorsque l\u2019on fait d\u00e9filer vers la droite<\/p>\n

Des ressources utiles<\/h2>\n

#Freebies<\/p>\n

Freebiesbug.com<\/a>\u00a0un site d\u00e9di\u00e9 \u00e0 des ressources graphiques et autres freebies \u00e0 t\u00e9l\u00e9charger<\/p>\n

#jQuery JavaScript<\/span><\/p>\n

Native equivalents of jQuery functions<\/a> \u00a0des \u00e9quivalents de certaines fonction de base de jQuery en VanillaJS pour pouvoir se passer de jQuery sur certains projets<\/p>\n

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

jsbooks.revolunet.com<\/a>\u00a0propose une liste de ressources gratuites pour apprendre le JavaScript<\/p>\n

 <\/p>\n

#Video #Apprendre<\/p>\n

www.videry.me<\/a>\u00a0rassemble un s\u00e9lection de vid\u00e9os pour les Webdesigners<\/p>\n

pixeltalks.com<\/a>\u00a0un autre site qui rassebmel des vid\u00e9os de conf\u00e9rence s\u00e9lectionn\u00e9es \u00e0 la main<\/p>\n

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

Opera Mail.<\/a> Opera sors un client de mail apparemment l\u00e9ger et facile d\u2019utilisation. Je n\u2019ai pas encore test\u00e9 mais pourquoi pas<\/p>\n

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

#404<\/p>\n

www.masswerk.at\/404<\/a> une page 404 pour jouer \u00e0 space invaders ni vu ni connu ^^<\/p>\n

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

# Design \/dev Workflow<\/p>\n

Atomic Design Makes Me Feel Like a Chemist<\/a>, un retour sur la conf\u00e9rence de Brad Frost qui parlait d\u2019Atomic Design<\/a>\u00a0avec une jolie m\u00e9taphore d\u2019un design sous forme de mol\u00e9cules que l\u2019on assemble et les techniques de\u00a0Style Tiles<\/a>,\u00a0Element Collages<\/a>\u00a0ainsi qu\u2019une pr\u00e9sentation du\u00a0Pattern Lab<\/a><\/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.Une version un peu particuli\u00e8re des pixels et du code puisque je suis aujourd’hui en directe de B\u00e9zier pour ma toute premi\u00e8re conf\u00e9rence \u00e0 Web-5. Du coup les liens de la semaine prochaine seront surement moins \u00a0nombreux, n’ayant pas le temps en ce moment de faire ma veille matinale quotidienne. Au programme cette semaine, quelques articles sur la sortie d’iOS7, on ne …<\/p>\n","protected":false},"author":3,"featured_media":1605,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1603","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #66 - 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=\"Avis sur le nouveau design d'iOS7, ergonomie mobile, Atomic Design par Brad Frost, freebies PSD \u00e0 t\u00e9l\u00e9charger gratuitement et inspirations d'illustrations\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3783.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 #66 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Avis sur le nouveau design d'iOS7, ergonomie mobile, Atomic Design par Brad Frost, freebies PSD \u00e0 t\u00e9l\u00e9charger gratuitement et inspirations d'illustrations\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/\" \/>\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-06-14T07:00:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-06-13T16:37:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/06\/pixelcode66.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-66\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/\",\"name\":\"Des pixels et du code #66 - 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-66\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/06\/pixelcode66.jpg\",\"datePublished\":\"2013-06-14T07:00:04+00:00\",\"dateModified\":\"2013-06-13T16:37:27+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Avis sur le nouveau design d'iOS7, ergonomie mobile, Atomic Design par Brad Frost, freebies PSD \u00e0 t\u00e9l\u00e9charger gratuitement et inspirations d'illustrations\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/06\/pixelcode66.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/06\/pixelcode66.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #66\"},{\"@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 #66 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Avis sur le nouveau design d'iOS7, ergonomie mobile, Atomic Design par Brad Frost, freebies PSD \u00e0 t\u00e9l\u00e9charger gratuitement et inspirations d'illustrations","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-66\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #66 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Avis sur le nouveau design d'iOS7, ergonomie mobile, Atomic Design par Brad Frost, freebies PSD \u00e0 t\u00e9l\u00e9charger gratuitement et inspirations d'illustrations","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-06-14T07:00:04+00:00","article_modified_time":"2013-06-13T16:37:27+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/06\/pixelcode66.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-66\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/","name":"Des pixels et du code #66 - 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-66\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/06\/pixelcode66.jpg","datePublished":"2013-06-14T07:00:04+00:00","dateModified":"2013-06-13T16:37:27+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Avis sur le nouveau design d'iOS7, ergonomie mobile, Atomic Design par Brad Frost, freebies PSD \u00e0 t\u00e9l\u00e9charger gratuitement et inspirations d'illustrations","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-66\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/06\/pixelcode66.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/06\/pixelcode66.jpg","width":700,"height":200,"caption":"Des pixels et du code #66"},{"@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\/1603"}],"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=1603"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1603\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1605"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}