Web Resources #42
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.
- DailyDevLinks — A list of curated daily links for web developers.
- How do you figure? — A better understanding of figure and figcaption in HTML5.
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.
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.
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.
Originally published at Creative Juiz.