{"id":786,"date":"2012-07-12T20:00:26","date_gmt":"2012-07-12T18:00:26","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=786"},"modified":"2014-03-31T21:13:01","modified_gmt":"2014-03-31T19:13:01","slug":"des-pixels-et-du-code-18","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/","title":{"rendered":"Des pixels et du code #18"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 14 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Cette semaine beaucoup de ressources concernant le Responsive Webdesign, des\u00a0ressources\u00a0pour g\u00e9n\u00e9rer du bruit, les nouveaut\u00e9s iOS6 en terme de design ainsi qu’un framework pour cr\u00e9er des applications HTML5 JavaScript\u00a0contr\u00f4lables\u00a0avec les gestes Kinect. Sans oublier la sortie de github pour Android !<\/p>\n

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

#Canvas<\/p>\n

Html5 canvas slideshow jquery<\/a>\u00a0un tutoriel interessant pour cr\u00e9er un slider en utilisant des canvas pour modifier les images et du jQuery<\/p>\n

#CSS<\/p>\n

Set text on a circle<\/a> Afficher du texte sous forme d\u2019arc de cercle en CSS<\/p>\n

#RWD<\/p>\n

Responsive mobile first navigation menu<\/a>\u00a0un tutoriel pour cr\u00e9er une navigation responsive sur trois niveaux qui passe sur tout l\u2019\u00e9cran pour les appareils mobiles<\/p>\n

Des ressources \u00a0utiles<\/h2>\n

#Android #jQueryMobile<\/p>\n

jQmobile Android Holo light theme<\/a> , un th\u00e8me jQueryMobile inspir\u00e9 des couleurs d\u2019Ice Cream Sandwich sur Android<\/p>\n

#CSS3 #Pixelart<\/p>\n

Picssel art<\/a>\u00a0un g\u00e9n\u00e9rateur de visuels pixels art dont le code g\u00e9n\u00e8re du CSS3 (sympa, mais je n\u2019utiliserait pas sur un site live)<\/p>\n

#icons<\/p>\n

Font Awesome More<\/a>\u00a0 plus de 100 icones \u00a0gratuites pour vos projets, class\u00e9s par th\u00e8me et facilement utilisables avec bootstrap<\/p>\n

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

#jQuery<\/p>\n

SafeQuery<\/a>\u00a0 Silent failures such as bad selectors are annoying time-wasters. safeQuerywarns you when jQuery calls return zero elements.<\/p>\n

#Bruit<\/p>\n

Noisepng.com<\/a>\u00a0un petit g\u00e9n\u00e9rateur de bruit (noise) pour vos cr\u00e9ations<\/p>\n

#Code<\/p>\n

Liveweave.com<\/a>, un \u00e9diteur de code en ligne, alternative \u00e0 jsfiddle et tous ses confr\u00e8res pour tester et partager vos codes<\/p>\n

#Kinect #JavaScript #Api<\/p>\n

Kinesis.io<\/a>, un framework qui permet d\u2019avoir acc\u00e8s \u00e0 la reconnaissance de mouvements de la Kinect de microsoft, depuis une page web. La vid\u00e9o de d\u00e9mo est impressionnante<\/p>\n

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

#iOS6<\/p>\n

iOS UI, what is new<\/a>, les petits changements dans l\u2019UI d\u2019iOS6 en image<\/p>\n

#CSS<\/p>\n

Understanding percentage background position<\/a>\u00a0une explication en image du positionnement en pourcentage d\u2019une image en background en CSS<\/p>\n

#Github #Android<\/p>\n

Github Android app released<\/a> github a d\u00e9sormais son application Android !!<\/p>\n

#Responsive images<\/p>\n

3 Types Of Solutions To Work With Responsive Images<\/a>, trois types de solutions pour r\u00e9soudre le probl\u00e8me des images responsives<\/p>\n

#Webdesigner<\/p>\n

6 Simple But Impotant Tips for Design Students<\/a> 6 excellents conseils pour les \u00e9tudiants en webdesign, qui restent \u00e9galement valables pour n\u2019importe quel webdesigner confirm\u00e9<\/p>\n

#Webdesign<\/p>\n

Justifier le prix de la qualit\u00e9<\/a> : \u201cLa qualit\u00e9, c\u2019est la capacit\u00e9 \u00e0 produire un produit qui r\u00e9ponde aux exigences d\u00e9finies par vos clients, et pas uniquement par vous-m\u00eame.\u201d<\/p>\n

#RWD<\/p>\n

Off Canvas Multi-Device Layouts<\/a>, quelques id\u00e9es pour agencer son contenu sur un site responsive en masquant \/ affichant des parties sur les c\u00f4t\u00e9 (comme le layout de Facebook mobile)<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 14 ans. Il se peut qu’il ne soit plus \u00e0 jour.Cette semaine beaucoup de ressources concernant le Responsive Webdesign, des\u00a0ressources\u00a0pour g\u00e9n\u00e9rer du bruit, les nouveaut\u00e9s iOS6 en terme de design ainsi qu’un framework pour cr\u00e9er des applications HTML5 JavaScript\u00a0contr\u00f4lables\u00a0avec les gestes Kinect. Sans oublier la sortie de github pour Android ! Les tutoriels de la semaine #Canvas Html5 canvas slideshow jquery\u00a0un tutoriel interessant pour cr\u00e9er un slider en utilisant des canvas pour …<\/p>\n","protected":false},"author":3,"featured_media":795,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-786","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #18 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Des ressources Responsive Webdesign, les nouveaut\u00e9s iOS6 en terme de design et un framework HTML5 JavaScript pour les gestes Kinect\" \/>\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-18\/\" \/>\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 #18 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Des ressources Responsive Webdesign, les nouveaut\u00e9s iOS6 en terme de design et un framework HTML5 JavaScript pour les gestes Kinect\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/\" \/>\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=\"2012-07-12T18:00:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-03-31T19:13:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/07\/pixeletcode18.png\" \/>\n\t<meta property=\"og:image:width\" content=\"630\" \/>\n\t<meta property=\"og:image:height\" content=\"180\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"2 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-18\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/\",\"name\":\"Des pixels et du code #18 - 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-18\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode18.png\",\"datePublished\":\"2012-07-12T18:00:26+00:00\",\"dateModified\":\"2014-03-31T19:13:01+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Des ressources Responsive Webdesign, les nouveaut\u00e9s iOS6 en terme de design et un framework HTML5 JavaScript pour les gestes Kinect\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode18.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode18.png\",\"width\":630,\"height\":180},{\"@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 #18 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Des ressources Responsive Webdesign, les nouveaut\u00e9s iOS6 en terme de design et un framework HTML5 JavaScript pour les gestes Kinect","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-18\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #18 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Des ressources Responsive Webdesign, les nouveaut\u00e9s iOS6 en terme de design et un framework HTML5 JavaScript pour les gestes Kinect","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-07-12T18:00:26+00:00","article_modified_time":"2014-03-31T19:13:01+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/07\/pixeletcode18.png","type":"image\/png"}],"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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/","name":"Des pixels et du code #18 - 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-18\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode18.png","datePublished":"2012-07-12T18:00:26+00:00","dateModified":"2014-03-31T19:13:01+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Des ressources Responsive Webdesign, les nouveaut\u00e9s iOS6 en terme de design et un framework HTML5 JavaScript pour les gestes Kinect","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-18\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode18.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode18.png","width":630,"height":180},{"@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\/786","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=786"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/786\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/795"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}