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

Une premi\u00e8re semaine de juillet avec beaucoup de liens CSS3 et de liens utiles pour les int\u00e9grateurs web, de l’acc\u00e9l\u00e9ration mat\u00e9rielle, des ressources jQuery, un site pour facilement pr\u00e9senter vos maquettes aux clients et un outil pour vous faciliter la vie avec LESS CSS.<\/p>\n

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

#CSS3 #hardware acc\u00e9l\u00e9ration<\/p>\n

Let\u2019sPlay With Hardware-Accelerated CSS<\/a> , un tutoriel pour cr\u00e9er un slider de 5 chatons anim\u00e9 en CSS3 et jQuery et qui utilise translate3d(x, y, z) pour profiter de l\u2019acc\u00e9l\u00e9ration hardware<\/p>\n

#CSS3<\/p>\n

Magnifying glass for image zoom using Jquery and CSS3<\/a> , un tutoriel pour cr\u00e9er une loupe qui permet d\u2019agrandir un objet en CSS3<\/p>\n

#Fireworks<\/p>\n

Interactive Prototypes And Time-Savers With Adobe Fireworks<\/a>, un tutoriel qui montre comment se servir de Fireworks pour cr\u00e9er une interface mobiles, exportable en HTML avec des zones clicables pour une pr\u00e9sentation interractive \u00e0 un client<\/p>\n

Des ressources \u00a0utiles<\/h2>\n

#Couleurs<\/p>\n

Colorhexa.com<\/a>, toutes les informations que vous n\u2019avez jamais os\u00e9 demander sur une couleur hexa !<\/p>\n

#Git<\/p>\n

Learn git in 15 minute<\/a>, un site pour apprendre git en 15 minutes dans un style codeaccademy<\/p>\n

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

#Webdesign<\/p>\n

Mockupr.com<\/a> , un outil qui permet d\u2019uploader en 3 clics une maquette, pour la pr\u00e9senter \u00e0 un client en background d\u2019une page pour qu\u2019il puisse visualiser la taille dans un navigateur<\/p>\n

#Responsive slider<\/p>\n

Refineslide<\/a> , un slider responsive avec une acc\u00e9l\u00e9ration hardware et des transitions CSS3<\/p>\n

#jQuery<\/p>\n

Jquer.in<\/a> , une gallerie de plugins jQuery class\u00e9s par cat\u00e9gories<\/p>\n

#LESS<\/p>\n

Simpless<\/a> , un outil pour compiler vos CSS LESS<\/p>\n

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

#Illustrator<\/p>\n

Why you should use Adobe Illustrator to create user interfaces<\/a>, Illustrator est un outil g\u00e9nial pour le design d\u2019interfaces, il permet de zoom et redimenssionner les boutons \u00e0 l\u2019infini, cr\u00e9er des artboards, etc.<\/p>\n

#Strat\u00e9gie<\/p>\n

La strat\u00e9gie du \u201ccaca\u201d<\/a>, un clin d\u2019oeil et parodie \u00e0 tout ce qui est m\u00e9thodologie et strat\u00e9gie en agence web, \u00e0 prendre avec beaucoup d\u2019humour :)<\/p>\n

#Branding #Experience<\/p>\n

The next- microsoft<\/a>, un jeune designer c\u2019est amus\u00e9 \u00e0 re-brander microsoft en 3 jours, impressionnant et r\u00e9sultats tr\u00e8s interessants !<\/p>\n

Et une chouette exp\u00e9rimentation de media queries<\/a>, redimensionnez la fen\u00eatre pour voir le header s\u2019animer<\/p>\n

Un dernier clic ? Un site qui vous explique comment avoir plus de followers sur dribbble<\/a>, \u00e0 prendre avec humour bien s\u00fbre<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 13 ans. Il se peut qu’il ne soit plus \u00e0 jour.Une premi\u00e8re semaine de juillet avec beaucoup de liens CSS3 et de liens utiles pour les int\u00e9grateurs web, de l’acc\u00e9l\u00e9ration mat\u00e9rielle, des ressources jQuery, un site pour facilement pr\u00e9senter vos maquettes aux clients et un outil pour vous faciliter la vie avec LESS CSS. Les tutoriels de la semaine #CSS3 #hardware acc\u00e9l\u00e9ration Let\u2019sPlay With Hardware-Accelerated CSS , un tutoriel pour cr\u00e9er un …<\/p>\n","protected":false},"author":3,"featured_media":782,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-781","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #17 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Des liens CSS3, l'acc\u00e9l\u00e9ration mat\u00e9rielle, des ressources jQuery, un outil pour pr\u00e9senter vos maquettes et un outil pour LESS CSS.\" \/>\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-17\/\" \/>\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 #17 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Des liens CSS3, l'acc\u00e9l\u00e9ration mat\u00e9rielle, des ressources jQuery, un outil pour pr\u00e9senter vos maquettes et un outil pour LESS CSS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/\" \/>\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-05T18:00:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-07-11T08:05:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/07\/pixeletcode17.jpg\" \/>\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\/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=\"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-17\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/\",\"name\":\"Des pixels et du code #17 - 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-17\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode17.jpg\",\"datePublished\":\"2012-07-05T18:00:30+00:00\",\"dateModified\":\"2012-07-11T08:05:01+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Des liens CSS3, l'acc\u00e9l\u00e9ration mat\u00e9rielle, des ressources jQuery, un outil pour pr\u00e9senter vos maquettes et un outil pour LESS CSS.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode17.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode17.jpg\",\"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\":\"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 #17 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Des liens CSS3, l'acc\u00e9l\u00e9ration mat\u00e9rielle, des ressources jQuery, un outil pour pr\u00e9senter vos maquettes et un outil pour LESS CSS.","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-17\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #17 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Des liens CSS3, l'acc\u00e9l\u00e9ration mat\u00e9rielle, des ressources jQuery, un outil pour pr\u00e9senter vos maquettes et un outil pour LESS CSS.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-07-05T18:00:30+00:00","article_modified_time":"2012-07-11T08:05:01+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/07\/pixeletcode17.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/","name":"Des pixels et du code #17 - 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-17\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode17.jpg","datePublished":"2012-07-05T18:00:30+00:00","dateModified":"2012-07-11T08:05:01+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Des liens CSS3, l'acc\u00e9l\u00e9ration mat\u00e9rielle, des ressources jQuery, un outil pour pr\u00e9senter vos maquettes et un outil pour LESS CSS.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-17\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode17.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/07\/pixeletcode17.jpg","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":"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\/781","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=781"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/781\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/782"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}