Web Resources #42

Also available in: Français

This selection is the 42th in French, but I translated only some of them in english. I’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!

HTML, CSS & JS

CSS sticky position and flexbox detailed. A great resource in JS and some good curated links among the web.

• Flexbox.ninja – Follow those little demonstrations and case studies to learn more about CSS Flexbox Layout, step by step, and become a Flexbox Ninja! And it’s a PWA ;p
• Position: stuck – The shortcomings of position: sticky; when working with overflow.
• MiniSearch JS – 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.
• DailyDevLinks – A list of curated daily links for web developers.
• How do you figure? – A better understanding of figure and figcaption in HTML5.

UI Design

Visual resources to help you build better User Interfaces and stunned demo.

• Remix Icon – 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.
• Unicons – 1000+ Pixel-perfect vector icons and Iconfont for your next project by Iconscout.
• SocialSizes.io – All in one place with templates for Sketch, Adobe XD & Photoshop.
• Rotato 3D Mockups – Animated 3D mockups for your app designs, no 3D experience required. (free in beta for Mac OS)
• Cloudflare Design – 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.
• Building Your Color Palette – Great inputs on how to build Color Palette that works.

UX Design

User Experience oriented article and readings.

• UX Design Case Studies 2018 – The best of UX Design Case Studies in 2018.
• PWA Mini Survey – “As Progressive Web App user, what kind of display are you?”, the result.
• How to report errors in form – A good article of NNGroup about form errors and how to display those.

Inspiration & Delight

Things that make me stunned in front of my screen, or inspire me while I was navigating on the web.

• MakeMePulse 2019 – A delightful visual adventure to wish you the best in 2019.
• Blacks Who Design – A curated list of Twitter accounts of black designers for a more inclusive visibility.
• TRUST The Process – How to present your best, when you’re at your worst. An inspirational post.
• WOWA – Free do whatever you want Music.

Web up-to-date

Some updates here and there about systems, browser or whatever.

• Google Play Store accepts PWA – You can now upload PWA to the official Google Play Store.
• Firefox 65 Update – WebP support, Flexbox Inspector, new tooling & platform updates.

Don’t hesitate to share your resources with me, I’ll take time to have a look on it.

Have a good reading.