{"id":6679,"date":"2019-02-10T17:53:53","date_gmt":"2019-02-10T16:53:53","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog?p=6679"},"modified":"2019-12-31T17:46:11","modified_gmt":"2019-12-31T16:46:11","slug":"web-resources-42","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/en\/resources-tools\/web-resources-42","title":{"rendered":"Web Resources #42"},"content":{"rendered":"<p>This selection is the 42th in French, but I translated only some of them in english. I&#8217;ll bring to you the previous ones bit by bit I promise. Find a list of curated resources from the web. Those links come from my daily posts on <a href=\"https:\/\/twitter.com\/geoffreycrofte\">Twitter<\/a>. Come to say hello!<\/p>\n<p><!--more--><\/p>\n<h2>HTML, CSS &amp; JS<\/h2>\n<p>CSS sticky position and flexbox detailed. A great resource in JS and some good curated links among the web.<\/p>\n<ul>\n<li><a href=\"https:\/\/flexbox.ninja\">Flexbox.ninja<\/a> \u2013 Follow those little demonstrations and case studies to learn more about CSS Flexbox Layout, step by step, and become a Flexbox Ninja! And it&#8217;s a PWA ;p<\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/position-stuck-96c9f55d9526\">Position: stuck<\/a> \u2013 The shortcomings of position: sticky; when working with overflow.<\/li>\n<li><a href=\"https:\/\/lucaong.github.io\/minisearch\/\">MiniSearch JS<\/a> \u2013 MiniSearch is a tiny but powerful in-memory fulltext search engine for JavaScript. It is respectful of resources, and it can comfortably run both in Node and in the browser.<\/li>\n<li><a href=\"https:\/\/dailydevlinks.com\/\">DailyDevLinks<\/a> \u2013 A list of curated daily links for 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 A better understanding of figure and figcaption in HTML5.<\/li>\n<\/ul>\n<h2>UI Design<\/h2>\n<p>Visual resources to help you build better User Interfaces and stunned demo.<\/p>\n<ul>\n<li><a href=\"https:\/\/remixicon.com\/\">Remix Icon<\/a> \u2013 Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.<\/li>\n<li><a href=\"https:\/\/iconscout.com\/unicons\">Unicons<\/a> \u2013 1000+ Pixel-perfect vector icons and Iconfont for your next project by Iconscout.<\/li>\n<li><a href=\"https:\/\/socialsizes.io\/\">SocialSizes.io<\/a> \u2013 All in one place with templates for Sketch, Adobe XD &amp; Photoshop.<\/li>\n<li><a href=\"https:\/\/rotato.xyz\/\">Rotato 3D Mockups<\/a> \u2013 Animated 3D mockups for your app designs, no 3D experience required. (free in beta for Mac OS)<\/li>\n<li><a href=\"https:\/\/cloudflare.design\/color\/\">Cloudflare Design<\/a> \u2013 A nice little tool for picking accessible color combinations. You can lock a few colors and see the preview of random color palettes in front of you.<\/li>\n<li><a href=\"https:\/\/refactoringui.com\/previews\/building-your-color-palette\/\">Building Your Color Palette<\/a> \u2013 Great inputs on how to build Color Palette that works.<\/li>\n<\/ul>\n<h2>UX Design<\/h2>\n<p>User Experience oriented article and readings.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.casestudy.club\/bestof\">UX Design Case Studies 2018<\/a> \u2013 The best of UX Design Case Studies in 2018.<\/li>\n<li><a href=\"https:\/\/twitter.com\/geoffreycrofte\/status\/1092079250566455296\">PWA Mini Survey<\/a> \u2013 &#8220;As Progressive Web App user, what kind of display are you?&#8221;, the result.<\/li>\n<li><a href=\"https:\/\/www.nngroup.com\/articles\/errors-forms-design-guidelines\/\">How to report errors in form<\/a> \u2013 A good article of NNGroup about form errors and how to display those.<\/li>\n<\/ul>\n<h2>Inspiration &amp; Delight<\/h2>\n<p>Things that make me stunned in front of my screen, or inspire me while I was navigating on the web.<\/p>\n<ul>\n<li><a href=\"https:\/\/2019.makemepulse.com\/\">MakeMePulse 2019<\/a> \u2013 A delightful visual adventure to wish you the best in 2019.<\/li>\n<li><a href=\"https:\/\/blackswho.design\/\">Blacks Who Design<\/a> \u2013 A curated list of Twitter accounts of black designers for a more inclusive visibility.<\/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 How to present your best, when you\u2019re at your worst. An inspirational post.<\/li>\n<li><a href=\"https:\/\/www.wowa.me\/\">WOWA<\/a> \u2013 Free do whatever you want Music.<\/li>\n<\/ul>\n<h2>Web up-to-date<\/h2>\n<p>Some updates here and there about systems, browser or whatever.<\/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 You can now upload PWA to the official 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 WebP support, Flexbox Inspector, new tooling &amp; platform updates.<\/li>\n<\/ul>\n<p>Don&#8217;t hesitate to share your resources with me, I&#8217;ll take time to have a look on it.<\/p>\n<p>Have a good reading.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This selection is the 42th in French, but I translated only some of them in english. I&#8217;ll bring to you the previous ones bit by bit I promise. Find a list of curated resources from the web. Those links come from my daily posts on Twitter. Come to say hello!<\/p>\n","protected":false},"author":4,"featured_media":7120,"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":[653],"tags":[],"coauthors":[597],"class_list":["post-6679","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-resources-tools"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/posts\/6679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/comments?post=6679"}],"version-history":[{"count":1,"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/posts\/6679\/revisions"}],"predecessor-version":[{"id":6681,"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/posts\/6679\/revisions\/6681"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/media\/7120"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/media?parent=6679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/categories?post=6679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/tags?post=6679"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/en\/wp-json\/wp\/v2\/coauthors?post=6679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}