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

Entre templates WordPress, icones, et outils pour g\u00e9n\u00e9rer du CSS et des cheatsheet pour les raccourcis Sublime Text, une semaine riche en ressources mais \u00e9galement en lectures : redesign de Facebook, design d’Ubuntu pour mobile et un excellent article qui traite de l’exp\u00e9rience utilisateur des boutons dans les interfaces.<\/p>\n

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

#CSS<\/p>\n

Details about \u00ab\u00a0float\u00a0\u00bb <\/a>property pour ceux qui ont encore du mal avec les flottants en CSS, cet article r\u00e9sum\u00e9 assez bien le fonctionnement.<\/p>\n

Des ressources utiles<\/h2>\n

#Ic\u00f4nes<\/p>\n

Elusive Icons<\/a> une font-icon pour vos projets sp\u00e9cialement cr\u00e9\u00e9e pour fonctionner avec Bootstrap<\/p>\n

#jQueryMobile<\/p>\n

Graphite<\/a> un th\u00e8me simple et efficace pour jQueryMobile avec plusieurs variantes de couleur<\/p>\n

#CSS<\/p>\n

Gradientfinder.com<\/a> un g\u00e9n\u00e9rateur de gradients CSS \u00e0 partir d\u2019une image<\/p>\n

#WordPress<\/p>\n

Introspection WordPress Theme <\/a>un th\u00e8me sombre propre et minimaliste pour WordPress , voir la d\u00e9mo ici<\/a>.<\/p>\n

Minifier les fichiers HTML d\u2019un site WordPress sans plugin<\/a> un petit snippet bien pratique si on veut minifier son code HTML sans installer un gros plugin<\/p>\n

#E-mail<\/p>\n

emailbtn.net <\/a>des boutons bullet proof pour les e-mail, j\u2019avoue ne pas avoir test\u00e9 la ressource personnellement mais \u00e7a m\u2019a l\u2019air pas mal<\/p>\n

#HTML5<\/p>\n

Appcache.rawkes<\/a> un outil qui vous permet de g\u00e9n\u00e9rer le manifest AppCache pour un site web, un bon d\u00e9but pour commencer \u00e0 jouer avec, m\u00eame s\u2019il vaut mieux adapter le r\u00e9sultat \u00e0 vos besoins<\/p>\n

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

#SublimeText<\/p>\n

Cheatsheet – sublimetext<\/a> un tableau p\u00e9riodique des raccourcis clavier Sublime Text !<\/p>\n

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

#Redesign<\/p>\n

Facebook-New-Look-Concept<\/a> un redesign non solicit\u00e9 de Facebook, sympa mais un peu trop \u201cmetro UI\/ modern UI\u201d Windows \u00e0 mon go\u00fbt.<\/p>\n

#Ubuntu<\/p>\n

Ubuntu.com – design<\/a> le design d\u2019Ubuntu pour mobile: sympa et tr\u00e8s propre<\/p>\n

#UX<\/p>\n

Should I use Yes\/No or Ok\/Cancel on my message box? <\/a>une discussion int\u00e9ressante sur l\u2019utilisation des label oui \/ non dans des boites de message, et le fait que dans 90% il vaut mieux utiliser le verbe correspondant \u00e0 l\u2019action.<\/p>\n

#Front-dev<\/p>\n

Startups: Why are front end developers so high in demand at startups if front end development is relatively easier than other fields of engineering? <\/a>\u00a0un bon r\u00e9sum\u00e9 de pourquoi l\u2019int\u00e9gration front-end est plus compliqu\u00e9e que le developmment c\u00f4t\u00e9 serveur, et pourquoi il est si difficile de trouver un bon int\u00e9grateur<\/p>\n

#Mobile<\/p>\n

13 App Design Trends For 2013<\/a> : flat design, moins de boutons, navigation condens\u00e9e cach\u00e9e sous une icone \u201chamburger\u201d, et 10 autres tendances de design d\u2019application pour 2013<\/p>\n

Designing For The Empty States<\/a> un article sur le design de vues sans contenu dans les applications, des vues \u00e0 ne pas n\u00e9gliger qui permettent d\u2019am\u00e9liorer grandement l\u2019exp\u00e9rience des utilisateurs<\/p>\n

#RWD<\/p>\n

Conditional-lightbox<\/a> des lightbox conditionnelles qui n\u2019ouvrent que l\u2019image sur mobile, une r\u00e9flexion int\u00e9ressante.<\/p>\n

#Webdesign<\/p>\n

Dear design student<\/a> une s\u00e9rie d\u2019article o\u00f9 Mike Monteiro r\u00e9pond \u00e0 une s\u00e9rie de questions pos\u00e9es par des \u00e9tudiants<\/p>\n

#CSS HTML<\/p>\n

Things you may not have known about HTML CSS<\/a> , tout est dans le titre, une liste non exhaustive de quelques petites choses que vous ignoriez peut-\u00eatre \u00e0 propos du HTML\/CSS<\/p>\n

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

#CSS<\/p>\n

Css-dropdowns, <\/a>une d\u00e9mo d\u2019un menu dropdown en CSS qui ne se ferme pas quand l\u2019utilisateur \u00e9loigne la souris de quelques pixels<\/p>\n

#RWD<\/p>\n

Super Resize Me<\/a>, un jeu responsive o\u00f9 il faut redimensionner votre navigateur \u00e0 la bonne taille en un laps de temps donn\u00e9. Simple et efficace.<\/p>\n

Le lien fun pour finir, un petit tumblr qui se joue des st\u00e9r\u00e9otypes des banques d\u2019images : danslavielibrededroits.tumblr.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu’il ne soit plus \u00e0 jour.Entre templates WordPress, icones, et outils pour g\u00e9n\u00e9rer du CSS et des cheatsheet pour les raccourcis Sublime Text, une semaine riche en ressources mais \u00e9galement en lectures : redesign de Facebook, design d’Ubuntu pour mobile et un excellent article qui traite de l’exp\u00e9rience utilisateur des boutons dans les interfaces. Les tutoriels de la semaine #CSS Details about \u00ab\u00a0float\u00a0\u00bb property pour ceux qui …<\/p>\n","protected":false},"author":3,"featured_media":1140,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-1139","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #44 - 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=\"Liens utiles: ic\u00f4nes et templates WordPress, boutons pour les e-mails, raccourcis claviers et label des boutons d'interface, une modal conditionnelle et un outil pour les gradients CSS\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-3862.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 #44 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Liens utiles: ic\u00f4nes et templates WordPress, boutons pour les e-mails, raccourcis claviers et label des boutons d'interface, une modal conditionnelle et un outil pour les gradients CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-44\/\" \/>\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-01-10T18:00:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-01-11T07:50:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/01\/pixeletcode44.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-44\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-44\/\",\"name\":\"Des pixels et du code #44 - 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-44\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-44\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode44.jpg\",\"datePublished\":\"2013-01-10T18:00:05+00:00\",\"dateModified\":\"2013-01-11T07:50:00+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Liens utiles: ic\u00f4nes et templates WordPress, boutons pour les e-mails, raccourcis claviers et label des boutons d'interface, une modal conditionnelle et un outil pour les gradients CSS\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-44\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-44\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode44.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode44.jpg\",\"width\":700,\"height\":200,\"caption\":\"Des pixels et du code #44\"},{\"@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 #44 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Liens utiles: ic\u00f4nes et templates WordPress, boutons pour les e-mails, raccourcis claviers et label des boutons d'interface, une modal conditionnelle et un outil pour les gradients 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-44\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #44 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Liens utiles: ic\u00f4nes et templates WordPress, boutons pour les e-mails, raccourcis claviers et label des boutons d'interface, une modal conditionnelle et un outil pour les gradients CSS","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-44\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-01-10T18:00:05+00:00","article_modified_time":"2013-01-11T07:50:00+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/01\/pixeletcode44.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-44\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-44\/","name":"Des pixels et du code #44 - 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-44\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-44\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode44.jpg","datePublished":"2013-01-10T18:00:05+00:00","dateModified":"2013-01-11T07:50:00+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Liens utiles: ic\u00f4nes et templates WordPress, boutons pour les e-mails, raccourcis claviers et label des boutons d'interface, une modal conditionnelle et un outil pour les gradients CSS","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-44\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-44\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode44.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/01\/pixeletcode44.jpg","width":700,"height":200,"caption":"Des pixels et du code #44"},{"@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\/1139"}],"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=1139"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/1139\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/1140"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=1139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=1139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=1139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}