{"id":6347,"date":"2017-08-09T19:09:43","date_gmt":"2017-08-09T17:09:43","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=6347"},"modified":"2017-08-09T19:09:43","modified_gmt":"2017-08-09T17:09:43","slug":"les-ressources-du-web-33","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-33","title":{"rendered":"Les Ressources du Web #33"},"content":{"rendered":"<p>Le retour de quelques r\u00e9f\u00e9rences en fran\u00e7ais pour cette s\u00e9lection, avec un peu plus d&rsquo;UX que d&rsquo;habitude, du Service Workers et de la Request Payment API. Retrouvez un peu de veille CSS et quelques outils vraiment utiles, ainsi qu&rsquo;une section Fun en fin d&rsquo;article, parce qu&rsquo;il faut bien des fois !<\/p>\n<p><!--more--><\/p>\n<p>Vous pouvez \u00e9galement me <a href=\"https:\/\/twitter.com\/geoffreycrofte\/\">suivre sur Twitter<\/a> pour avoir des news fraiches plus r\u00e9guli\u00e8rement.<\/p>\n<h2>S&rsquo;il fallait n&rsquo;en retenir qu&rsquo;une<\/h2>\n<p><a href=\"https:\/\/marieguillaumet.com\/convaincre-les-designers-des-bienfaits-de-l-accessibilite\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-6351\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/08\/convaincre-designer-accessibilite.jpg\" alt=\"\" width=\"1361\" height=\"692\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/08\/convaincre-designer-accessibilite.jpg 1361w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/08\/convaincre-designer-accessibilite-300x153.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/08\/convaincre-designer-accessibilite-768x390.jpg 768w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2017\/08\/convaincre-designer-accessibilite-600x305.jpg 600w\" sizes=\"(max-width: 1361px) 100vw, 1361px\" \/><\/a><\/p>\n<p>Marie Guillaumet nous parle des bienfaits de l&rsquo;accessibilit\u00e9, et surtout de comment convaincre les designers de cette r\u00e9alit\u00e9. Un article et des commentaires int\u00e9ressants.<\/p>\n<h2>UI \/ UX \/ Design<\/h2>\n<ul>\n<li><a href=\"https:\/\/medium.com\/ruxers\/dont-mistake-common-ui-patterns-for-best-practices-4a1c8d4bef9a\">Common UI patterns VS best pratices<\/a> \u2013 un article qui rappelle que les habitudes ne sont pas forc\u00e9ment de bonnes pratiques.<\/li>\n<li><a href=\"https:\/\/disic.github.io\/guide-concepteur\/index.html\">Guide d&rsquo;accessibilit\u00e9 pour la conception web<\/a> \u2013 un guide Open Source pour survivre au RGAA 3.<\/li>\n<li><a href=\"https:\/\/econsultancy.com\/blog\/69279-13-creative-call-to-action-examples-and-reasons-why-they-work\/\">Creative Call to Action<\/a> \u2013 un peu d&rsquo;inspiration pour vos appels \u00e0 l&rsquo;action.<\/li>\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/homepage-links\/\">Homepage link<\/a> \u2013 une \u00e9tude que les liens de retour \u00e0 l&rsquo;accueil sur un site web. \u00c0 lire !<\/li>\n<li><a href=\"https:\/\/uxplanet.org\/mobile-ui-design-basic-types-of-screens-aa1857e31339\">Some Mobile Design<\/a> \u2013 inspiration avec quelques vues types de design d&rsquo;application mobile.<\/li>\n<li><a href=\"https:\/\/marieguillaumet.com\/convaincre-les-designers-des-bienfaits-de-l-accessibilite\/\">Convaincre les designers des bienfaits de l&rsquo;accessibilit\u00e9<\/a> \u2013 tout est dans le titre (et l&rsquo;article).<\/li>\n<li><a href=\"https:\/\/alistapart.com\/article\/user-research-when-you-cant-talk-to-your-users\">User Research when you can&rsquo;t talk to your users<\/a> \u2013 des astuces pour faire de la recherche utilisateur.<\/li>\n<\/ul>\n<h2>HTML5 &amp; JS<\/h2>\n<ul>\n<li><a href=\"http:\/\/blog.88mph.io\/2017\/07\/28\/understanding-service-workers\/\">Understanding Service Workers<\/a> \u2013 un article assez complet sur les Service Workers.<\/li>\n<li><a href=\"https:\/\/www.webdesignerdepot.com\/2017\/08\/75-web-animation-tools-you-have-to-try\">75 web animation tools<\/a> \u2013 une s\u00e9lection d&rsquo;outils\/scripts pour g\u00e9rer vos animations.<\/li>\n<li><a href=\"https:\/\/alligator.io\/js\/payment-request-api-intro\/\">Intro to the Request Payment API<\/a> \u2013 une intro \u00e0 l&rsquo;API de paiement en ligne.<\/li>\n<\/ul>\n<h2>CSS<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/blog\/CSS\/2017\/08\/01\/first-public-working-draft-of-css-fonts-level-4\/\">CSS Fonts Lvl 4<\/a> \u2013 un working draft int\u00e9ressant sur les <em>variable fonts<\/em>, <em>color fonts<\/em> et <em>font loading timeline<\/em>.<\/li>\n<li><a href=\"https:\/\/codepen.io\/Kseso\/full\/ZJbEMe\/\">Masonry with Grid Layout<\/a> \u2013 une d\u00e9mo int\u00e9ressante de l&rsquo;utilisation de <code>grid-auto-flow: dense<\/code>.<\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/caret-color\">caret-color property<\/a> \u2013 oui on peut changer la couleur du curseur d&rsquo;insertion de texte en CSS.<\/li>\n<li><a href=\"https:\/\/www.rachelandrew.co.uk\/archives\/2017\/07\/29\/gridbugs\/\">GridBugs<\/a> \u2013 quelques bugs communs de Gri Layout r\u00e9f\u00e9renc\u00e9s ici.<\/li>\n<li><a href=\"https:\/\/twitter.com\/ddprrt\/status\/890283778240851968\">:focus-within<\/a> \u2013 dispo sur la plupart des navigateurs.<\/li>\n<\/ul>\n<h2>Outils<\/h2>\n<ul>\n<li><a href=\"https:\/\/unclutterapp.com\/\">Unclutter App<\/a> \u2013 une application Mac pour organiser un ensemble de fichier\/dossier et prendre des notes.<\/li>\n<li><a href=\"https:\/\/github.com\/Antoinebr\/Ga-mobile-connection-type\">GA Mobile Connection type<\/a> \u2013 un plugin pour ajouter dans Google Analitycs des stats sur le type de connexion mobile de vos visiteurs.<\/li>\n<li><a href=\"https:\/\/rivyt.com\/\">Rivyt<\/a> \u2013 un site web pour vos chaines Youtube. Concept int\u00e9ressant.<\/li>\n<li><a href=\"https:\/\/testpilot.firefox.com\/\">Test Pilot<\/a> \u2013 quelques belles ressources pour les utilisateurs de Firefox.<\/li>\n<li><a href=\"http:\/\/humaan.com\/checklist\/\">Website Checklist<\/a> \u2013 une checklist pour avant et apr\u00e8s lancement d&rsquo;un site web.<\/li>\n<li><a href=\"https:\/\/blog.trello.com\/trello-card-dependencies-hello-epics-power-up\">Trello Card Depencies<\/a> \u2013 cr\u00e9er des d\u00e9pendances entre carte dans Trello.<\/li>\n<\/ul>\n<h2>Fun<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.destroyallsoftware.com\/talks\/wat\">Wat<\/a> \u2013 un (vieux) lightning talk tr\u00e8s marrant sur les inconsistances des langages (ici JS et Ruby)<\/li>\n<li><a href=\"https:\/\/twitter.com\/geoffreycrofte\/status\/894895255392182272\">Sieste<\/a> \u2013 quelques objets fun pour faire la sieste au bureau.<\/li>\n<li><a href=\"https:\/\/www.reddit.com\/r\/ProgrammerHumor\/comments\/6s0wov\/heaviest_objects_in_the_universe\/?ref=share&amp;ref_source=link\">node_module weight<\/a> \u2013 une image bien marrante sur le poids des node_modules.<\/li>\n<\/ul>\n<p>Bonne lecture \u00e0 vous.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le retour de quelques r\u00e9f\u00e9rences en fran\u00e7ais pour cette s\u00e9lection, avec un peu plus d&rsquo;UX que d&rsquo;habitude, du Service Workers et de la Request Payment API. Retrouvez un peu de veille CSS et quelques outils vraiment utiles, ainsi qu&rsquo;une section Fun en fin d&rsquo;article, parce qu&rsquo;il faut bien des fois !<\/p>\n","protected":false},"author":4,"featured_media":5931,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[50],"tags":[85,763,762],"coauthors":[597],"class_list":["post-6347","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-accessibilite","tag-request-payment-api","tag-service-workers"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/6347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=6347"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/6347\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/5931"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=6347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=6347"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=6347"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=6347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}