{"id":6677,"date":"2019-02-10T18:16:02","date_gmt":"2019-02-10T17:16:02","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog?p=6677"},"modified":"2019-02-16T10:49:37","modified_gmt":"2019-02-16T09:49:37","slug":"les-ressources-du-web-42","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/les-ressources-du-web-42","title":{"rendered":"Les Ressources du Web #42"},"content":{"rendered":"<p>S\u00e9lection du moment avec quelques ressources en JS, HTML, CSS, UX Design, UI Design et quelques sites inspirationnels. Au programme : creuser davantage la sp\u00e9cification HTML5, miser sur la performance lors d&rsquo;une recherche, des packs d&rsquo;ic\u00f4nes et musiques libres de droit, et des articles et sites web qui m&rsquo;ont inspir\u00e9s.<\/p>\n<p><!--more--><\/p>\n<h2>HTML, CSS &amp; JS<\/h2>\n<p>Position sticky en CSS, des cas d&rsquo;usage de Flexbox d\u00e9taill\u00e9es, une bonne ressources pour optimiser vos recherches en JS, et une liste de liens s\u00e9lectionn\u00e9s pour d\u00e9veloppeurs.<\/p>\n<ul>\n<li><a href=\"https:\/\/flexbox.ninja\">Flexbox.ninja<\/a> \u2013 Suivez ces quelques d\u00e9monstration et \u00e9tude de cas pour apprendre Flexbox \u00e9tape par \u00e9tape. Et c&rsquo;est une PWA en plus ;p<\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/position-stuck-96c9f55d9526\">Position: stuck<\/a> \u2013 Ce qu&rsquo;il peut arriver quand vous utiliser position: sticky et overflow.<\/li>\n<li><a href=\"https:\/\/lucaong.github.io\/minisearch\/\">MiniSearch JS<\/a> \u2013 MiniSearch\u00a0 est une petite biblioth\u00e8que tr\u00e8s puissante et performante pour de la recherche fulltext.<\/li>\n<li><a href=\"https:\/\/dailydevlinks.com\/\">DailyDevLinks<\/a> \u2013 Une liste d&rsquo;article s\u00e9lectionn\u00e9e pour web developers.<\/li>\n<li><a href=\"https:\/\/www.scottohara.me\/blog\/2019\/01\/21\/how-do-you-figure.html\">How do you figure?<\/a> \u2013 Une meilleure compr\u00e9hension de figure et figcaption en HTML5.<\/li>\n<\/ul>\n<h2>UI Design<\/h2>\n<p>Des ressources graphiuqes pour vous aider \u00e0 construire de meilleure interfaces et d\u00e9monstration \u00e9tonnantes.<\/p>\n<ul>\n<li><a href=\"https:\/\/remixicon.com\/\">Remix Icon<\/a> \u2013 Remix Icon est un set d&rsquo;ic\u00f4nes neutres \u00e9labor\u00e9e pour les designers et d\u00e9veloppeurs, compl\u00e8tement open source, gratuites pour usage personnel et commercial.<\/li>\n<li><a href=\"https:\/\/iconscout.com\/unicons\">Unicons<\/a> \u2013 1000+ ic\u00f4nes vectorielles Pixel-perfect.<\/li>\n<li><a href=\"https:\/\/socialsizes.io\/\">SocialSizes.io<\/a> \u2013 Templates Sketch, Adobe XD &amp; Photoshop pour vos images de r\u00e9seaux sociaux.<\/li>\n<li><a href=\"https:\/\/rotato.xyz\/\">Rotato 3D Mockups<\/a> \u2013 Mockups 3D anim\u00e9es pour pr\u00e9senter vos applications mobiles.<\/li>\n<li><a href=\"https:\/\/cloudflare.design\/color\/\">Cloudflare Design<\/a> \u2013 Un excellent outil pour r\u00e9cup\u00e9rer une palette de couleurs accessible \u00e0 partir d&rsquo;une URL de site web.<\/li>\n<li><a href=\"https:\/\/refactoringui.com\/previews\/building-your-color-palette\/\">Building Your Color Palette<\/a> \u2013 Excellentes astuces pour construire une palette de couleurs.<\/li>\n<\/ul>\n<h2>UX Design<\/h2>\n<p>Quelques articles pour vous permettre d&rsquo;\u00eatre encore plus respectueux de l&rsquo;exp\u00e9rience utilisateur.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.casestudy.club\/bestof\">UX Design Case Studies 2018<\/a> \u2013 Les meillers \u00e9tudes de cas de 2018.<\/li>\n<li><a href=\"https:\/\/twitter.com\/geoffreycrofte\/status\/1092079250566455296\">PWA Mini Survey<\/a> \u2013 Les r\u00e9sultats d&rsquo;un sondage que j&rsquo;ai lanc\u00e9 sur les pr\u00e9f\u00e9rences d&rsquo;utilisation d&rsquo;une PWA.<\/li>\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/errors-forms-design-guidelines\/\">How to report errors in form<\/a> \u2013 Un bon article sur NNGroup sur la mani\u00e8re d&rsquo;afficher des messages d&rsquo;erreur.<\/li>\n<\/ul>\n<h2>Inspiration &amp; D\u00e9lectation<\/h2>\n<p>Quelques ressources qui ont eu un effet wahou ou qui m&rsquo;ont inspir\u00e9es.<\/p>\n<ul>\n<li><a href=\"https:\/\/2019.makemepulse.com\/\">MakeMePulse 2019<\/a> \u2013 Un magnifique site web proposant une aventure pour vous souhaiter le meilleur en 2019.<\/li>\n<li><a href=\"https:\/\/blackswho.design\/\">Blacks Who Design<\/a> \u2013 Une liste s\u00e9lectionnant des comptes de designer noirs pour une pr\u00e9sence plus inclusive.<\/li>\n<li><a href=\"https:\/\/medium.com\/@tatianatmac\/trust-the-process-how-to-present-your-best-when-youre-at-your-worst-166dad8cc4\">TRUST The Process<\/a> \u2013 Comment pr\u00e9senter le meilleur quand vous \u00eates au plus bas.<\/li>\n<li><a href=\"https:\/\/www.wowa.me\/\">WOWA<\/a> \u2013 De la musique libre de droit.<\/li>\n<\/ul>\n<h2>Le web \u00e0 jour<\/h2>\n<p>Quelques mise \u00e0 jour ici et l\u00e0 sur les internets.<\/p>\n<ul>\n<li><a href=\"https:\/\/medium.com\/@firt\/google-play-store-now-open-for-progressive-web-apps-ec6f3c6ff3cc\">Google Play Store accepts PWA<\/a> \u2013 Vous pouvez maintenant envoyer vos PWA sur le Google Play Store.<\/li>\n<li><a href=\"https:\/\/hacks.mozilla.org\/2019\/01\/firefox-65-webp-flexbox-inspector-new-tooling\/\">Firefox 65 Update<\/a> \u2013 Support de WebP, Inspecteur Flexbox, nouveaux outils et mise \u00e0 jour de la plateforme.<\/li>\n<\/ul>\n<p>N&rsquo;h\u00e9sitez pas \u00e0 me partager vos ressources, je prendrai le temps de jeter un oeil.<br \/>\nBonne lecture !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>S\u00e9lection du moment avec quelques ressources en JS, HTML, CSS, UX Design, UI Design et quelques sites inspirationnels. Au programme : creuser davantage la sp\u00e9cification HTML5, miser sur la performance lors d&rsquo;une recherche, des packs d&rsquo;ic\u00f4nes et musiques libres de droit, et des articles et sites web qui m&rsquo;ont inspir\u00e9s.<\/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":[780,472,578],"coauthors":[597],"class_list":["post-6677","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","tag-case-studies","tag-ressources-2","tag-ux"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/6677","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=6677"}],"version-history":[{"count":2,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/6677\/revisions"}],"predecessor-version":[{"id":6682,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/6677\/revisions\/6682"}],"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=6677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=6677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=6677"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=6677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}