{"id":741,"date":"2012-05-31T22:07:10","date_gmt":"2012-05-31T20:07:10","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=741"},"modified":"2012-05-31T22:09:02","modified_gmt":"2012-05-31T20:09:02","slug":"des-pixels-et-du-code-12","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/","title":{"rendered":"Des pixels et du code #12"},"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>

Dans cette 12em \u00e9dition des pixels et du code beaucoup de liens orient\u00e9s mobilit\u00e9 et jQuery, quelques outils en ligne utiles pour g\u00e9n\u00e9rer les polices d’\u00e9criture et un petit rappel qui ne fait jamais de mal sur les droits d’auteur.<\/p>\n

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

#WordPress<\/p>\n

Data Sanitization and Validation With WordPress<\/a> un tutoriel qui r\u00e9pertorie les bonnes pratiques en mati\u00e8re de validation et s\u00e9curisation des informations que vous laissez vos utilisateurs entrer dans votre base de donn\u00e9e WordPress<\/p>\n

#Responsive #mobilefirst<\/p>\n

Anatomy of a mobile-first responsive web design<\/a>, Brad Frost explique les principes d\u2019ergonomie mobiles qui expliquent les choix fait dans le design pour son tutoriel Creating a Mobile-First Responsive Web Design<\/a><\/p>\n

Des ressources \u00a0utiles<\/h2>\n

JavaScript Battery API<\/a>, un petit bout de code pour acc\u00e9der aux informations de batterie(\u00e0 tester sous firefox Aurora)<\/p>\n

#Slider #jQuery<\/p>\n

15 jQuery Space-Saving Content Sliders and Carousels<\/a>, une liste de 15 plugins jQuery pour cr\u00e9er des slideshows, carrousels et autres sliders<\/p>\n

#Droit #Freelance<\/p>\n

Droits d’auteur, les fondamentaux<\/a> un r\u00e9sum\u00e9 \u00e0 donner \u00e0 tous les freelances sur les droits d\u2019auteurs, qui peut les facturer, etc. A mettre entre toutes les mains !<\/p>\n

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

#Applications Windows<\/p>\n

Appjs.org<\/a>, construire facilement des applications HTML5 \/ JavaScript \/ CSS pour Windows et linux<\/p>\n

#Fonts<\/p>\n

Subsetter.com<\/a>\u00a0vous permet d\u2019optimiser les fonts web pour les rendre moins gourmandes en temps de chargement<\/p>\n

Typetester.org<\/a>\u00a0vous permet de comparer diff\u00e9rentes fonts, m\u00eame celles install\u00e9es sur votre machine<\/p>\n

#jQuery<\/p>\n

ddSlick<\/a>, un plugin jQuery pour ajouter des images et des descriptions \u00e0 des listes de s\u00e9lection (drop-down)<\/p>\n

#Mobile<\/p>\n

Lungo.js<\/a>, un framework HTML5 \/ JavaScript \/ CSS pour cr\u00e9er des applications mobiles avec une UI vraiment sympa et propre<\/p>\n

#Regex<\/p>\n

Regexplained,<\/a> un outil en ligne par Lea Verou pour comprendre les regexs (et les tester au passage)<\/p>\n

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

#UI<\/p>\n

4 UI Lessons For Instagram, From Facebook\u2019s New Instagram Clone<\/a> , une comparaison de l\u2019original Instagram et de sa copie cr\u00e9\u00e9e par Facebook en terme d\u2019interface utilisateur<\/p>\n

#Logo<\/p>\n

15 Examples of Logo Design Process<\/a>, le design de logo n\u2019est pas une chose facile, cet article rassemble 15 logo est le processus de cr\u00e9ation pour chacun d\u2019entre eux, du brief client au brainstorm, wireframe, choix des couleurs, etc.<\/p>\n

Et le bonus de la semaine qui pique les yeux, des \u201cjolis\u201d boutons de partage sociaux <\/a>#humour #sarcasme<\/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.Dans cette 12em \u00e9dition des pixels et du code beaucoup de liens orient\u00e9s mobilit\u00e9 et jQuery, quelques outils en ligne utiles pour g\u00e9n\u00e9rer les polices d’\u00e9criture et un petit rappel qui ne fait jamais de mal sur les droits d’auteur. Les tutoriels de la semaine #WordPress Data Sanitization and Validation With WordPress un tutoriel qui r\u00e9pertorie les bonnes pratiques en mati\u00e8re de …<\/p>\n","protected":false},"author":3,"featured_media":746,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-741","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nDes pixels et du code #12 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"Mobilit\u00e9 et jQuery et un petit rappel qui ne fait jamais de mal sur les droits d'auteur et quelques sites utiles pour g\u00e9rer les fonts.\" \/>\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-12\/\" \/>\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 #12 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Mobilit\u00e9 et jQuery et un petit rappel qui ne fait jamais de mal sur les droits d'auteur et quelques sites utiles pour g\u00e9rer les fonts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/\" \/>\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-05-31T20:07:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-05-31T20:09:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/05\/pixeletcode12.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-12\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/\",\"name\":\"Des pixels et du code #12 - 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-12\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode12.png\",\"datePublished\":\"2012-05-31T20:07:10+00:00\",\"dateModified\":\"2012-05-31T20:09:02+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Mobilit\u00e9 et jQuery et un petit rappel qui ne fait jamais de mal sur les droits d'auteur et quelques sites utiles pour g\u00e9rer les fonts.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode12.png\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode12.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 #12 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Mobilit\u00e9 et jQuery et un petit rappel qui ne fait jamais de mal sur les droits d'auteur et quelques sites utiles pour g\u00e9rer les fonts.","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-12\/","og_locale":"fr_FR","og_type":"article","og_title":"Des pixels et du code #12 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Mobilit\u00e9 et jQuery et un petit rappel qui ne fait jamais de mal sur les droits d'auteur et quelques sites utiles pour g\u00e9rer les fonts.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2012-05-31T20:07:10+00:00","article_modified_time":"2012-05-31T20:09:02+00:00","og_image":[{"width":630,"height":180,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2012\/05\/pixeletcode12.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-12\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/","name":"Des pixels et du code #12 - 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-12\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode12.png","datePublished":"2012-05-31T20:07:10+00:00","dateModified":"2012-05-31T20:09:02+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Mobilit\u00e9 et jQuery et un petit rappel qui ne fait jamais de mal sur les droits d'auteur et quelques sites utiles pour g\u00e9rer les fonts.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/des-pixels-et-du-code-12\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode12.png","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2012\/05\/pixeletcode12.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\/741","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=741"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/741\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/746"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}