{"id":969,"date":"2012-11-01T20:00:23","date_gmt":"2012-11-01T18:00:23","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=969"},"modified":"2012-11-02T10:09:29","modified_gmt":"2012-11-02T08:09:29","slug":"des-pixels-et-du-code-34","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/","title":{"rendered":"Des pixels et du code #34"},"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>

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

#Illustrator<\/p>\n

How to Create Seamless Subtle Patterns in Adobe Illustrator<\/a> un petit tutoriel bien pratique si vous avez besoin de cr\u00e9er un pattern sp\u00e9cifique dans Illustrator et ne trouvez pas ce que vous cherchez dans les milliers de ressources en ligne<\/p>\n

#CSS3<\/p>\n

Create Shaped Avatars With CSS and Webkit <\/a>un tutoriel qui explique l\u2019utilisation de la propri\u00e9t\u00e9 CSS3 webkit-mask-image pour cr\u00e9er des effets de masque sur des photos<\/p>\n

Des ressources utiles<\/h2>\n

#Server<\/p>\n

Apaxy<\/a> un th\u00e8me pour cr\u00e9er des dossier d\u2019indexation de fichier de serveur plus sympas que la vue \u201cpar d\u00e9faut\u201d.<\/p>\n

#Font-icon<\/p>\n

Ligature_symbols <\/a>encore une police d\u2019icones tr\u00e8s compl\u00e8te aux traits tr\u00e8s bien dessin\u00e9s<\/p>\n

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

#Filter #CSS3<\/p>\n

CSS filter polyfill <\/a>\u00a0un polyfill pour la propri\u00e9t\u00e9 CSS3 filter qui utilise un \u00e9quivalent SVG ou DirectX-filters selon le besoin du navigateur<\/p>\n

#WordPress<\/p>\n

Glider<\/a>, un th\u00e8me WordPress minimaliste qui tient en 3 fichiers, se concentre sur le texte et charge les pages en ajax.<\/p>\n

#Flexbox<\/p>\n

Flexplorer<\/a> un petit outil en ligne qui vous permet de tester les propri\u00e9t\u00e9s de CSS flexbox<\/p>\n

#Wireframe<\/p>\n

Wireframe.cc <\/a>un autre outil de wireframe en ligne, simple au design \u00e9pur\u00e9<\/p>\n

Webzap <\/a>un plugin Photoshop (payant $15) qui permet de cr\u00e9er des wireframes facilement directement dans Photoshop.<\/p>\n

Fluidui.com<\/a> un outil en ligne assez complet pour cr\u00e9er des prototypes et wireframes d\u2019applications mobiles<\/p>\n

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

#Mobile<\/p>\n

Introducing the call now button<\/a> une id\u00e9e int\u00e9ressante d\u2019ajouter un bouton \u201cappeler maintenant\u201d sur la version mobile du site. M\u00eame si je ne vois pas l\u2019utilit\u00e9 pour n\u2019importe quel site, si on pense \u00e0 un site de vente \u00e0 emporter de nourriture (sushis, pizza) ou un site comme Carglass o\u00f9 il faut prendre rendez-vous, l\u2019id\u00e9e est \u00e0 creuser.<\/p>\n

#Design<\/p>\n

Dieter Rams: ten principles for good design<\/a> \u00a0les 10 principes d\u2019un bon design, applicable aussi bien au design industriel qu\u2019au webdesign<\/p>\n

#RWD<\/p>\n

Responsive design with paper<\/a> un id\u00e9e int\u00e9ressante pour cr\u00e9er facilement des designs responsive : faire du wireframe sur bouts de papiers et des ciseaux.<\/p>\n

#UX<\/p>\n

Better Password Masking For Sign-Up Forms<\/a> ajouter un coche pour d\u00e9masquer le mot de passe sur le formulaires d\u2019inscription, une id\u00e9e pour am\u00e9liorer l\u2019exp\u00e9rience utilisateur et baisser le nombre d\u2019erreurs<\/p>\n

#Inspiration<\/p>\n

Mcbaldassari.com<\/a> un magnifique boulot d\u2019illustrations<\/p>\n

#Design<\/p>\n

The Startup\u2019s Guide to Budget Design<\/a> de 0 \u00e0 1000 dollards et plus, ce qu\u2019une une entreprise peut attendre en terme de design en fonction de son budget<\/p>\n

25 Best Practices for Collaborative Work in Photoshop <\/a>des conseils, parfois du bon sens, pour am\u00e9liorer le travail \u00e0 plusieurs sur Photoshop<\/p>\n

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

#HTML5<\/p>\n

Texter<\/a> une exp\u00e9rience en HTML5 et canvas pour cr\u00e9er des dessins avec du texte<\/p>\n

#CSS experience<\/p>\n

Digital Bits <\/a>des objets de la vie courante en HTML et CSS, inutile sur un site en live, mais une id\u00e9e int\u00e9ressante pour s\u2019amuser<\/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.Les tutoriels de la semaine #Illustrator How to Create Seamless Subtle Patterns in Adobe Illustrator un petit tutoriel bien pratique si vous avez besoin de cr\u00e9er un pattern sp\u00e9cifique dans Illustrator et ne trouvez pas ce que vous cherchez dans les milliers de ressources en ligne #CSS3 Create Shaped Avatars With CSS and Webkit un tutoriel qui explique l\u2019utilisation de la propri\u00e9t\u00e9 …<\/p>\n","protected":false},"author":3,"featured_media":971,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-969","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #34 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Des outils pour faire du wireframe, une font ic\u00f4ne, des outils CSS3, des th\u00e8mes WordPress et d'autres liens utiles pour les webdesigners\" \/>\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-34\/\" \/>\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 #34 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Des outils pour faire du wireframe, une font ic\u00f4ne, des outils CSS3, des th\u00e8mes WordPress et d'autres liens utiles pour les webdesigners\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/\" \/>\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-11-01T18:00:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-11-02T08:09:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/11\/pixel34.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=\"@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-et-du-code-34\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/\",\"name\":\"Des pixels et du code #34 - 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-34\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/11\/pixel34.jpg\",\"datePublished\":\"2012-11-01T18:00:23+00:00\",\"dateModified\":\"2012-11-02T08:09:29+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Des outils pour faire du wireframe, une font ic\u00f4ne, des outils CSS3, des th\u00e8mes WordPress et d'autres liens utiles pour les webdesigners\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/11\/pixel34.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/11\/pixel34.jpg\",\"width\":700,\"height\":200},{\"@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 #34 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Des outils pour faire du wireframe, une font ic\u00f4ne, des outils CSS3, des th\u00e8mes WordPress et d'autres liens utiles pour les webdesigners","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-34\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #34 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Des outils pour faire du wireframe, une font ic\u00f4ne, des outils CSS3, des th\u00e8mes WordPress et d'autres liens utiles pour les webdesigners","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-11-01T18:00:23+00:00","article_modified_time":"2012-11-02T08:09:29+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/11\/pixel34.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-et-du-code-34\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/","name":"Des pixels et du code #34 - 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-34\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/11\/pixel34.jpg","datePublished":"2012-11-01T18:00:23+00:00","dateModified":"2012-11-02T08:09:29+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Des outils pour faire du wireframe, une font ic\u00f4ne, des outils CSS3, des th\u00e8mes WordPress et d'autres liens utiles pour les webdesigners","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-34\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/11\/pixel34.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/11\/pixel34.jpg","width":700,"height":200},{"@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\/969","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=969"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/969\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/971"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=969"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=969"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}