Inspirational Website of the Week: RGB – Richard Gazdik
A well designed portfolio and blog with some lovely details. Our pick this week.
Design discovery made easy
The easiest way to search, organize and share all your customer feedback and user research in one place. NomNom is data-driven design made easy.
StackBlitz
StackBlitz is an online VS code IDE for Angular & React for creating, sharing and embedding live projects. Read more about it in this article by creator Eric Simons.
The Surprising Relationship Between Gamification And Modern Persuasion
A very interesting article by Akar Sumset that explains how gamification can work by showing the relationship between gamification, UX design, and BJ Fogg’s modern persuasion phenomenon, “mass interpersonal persuasion.”
Send: Private, Encrypted File Sharing
Send files through a safe, private, and encrypted link that automatically expires. By Mozilla.
Creating Photorealistic 3D Graphics on the Web
Learn the basics of three.js for creating photorealistic scenes in this tutorial by Engin Arslan.
A Million WebSockets and Go
An article by Sergey Kamardin from Mail.Ru on how they built a high-load WebSocket server with Go.
Hazel
This project lets you deploy an update server for Electron apps with ease: You only need to run a single command and fill out two text fields.
Wavy ball
A fantastic WebGL shape demo by Louis Hoebregts.
Oh yes! Async / Await
Tiago Lopes Ferreira writes about the new async/await syntax in JavaScript.
Fiber
Fiber is a free, interactive UI Kit by Framer.
Music Blocks
Music Blocks is an interactive web based music application built in HTML5 Canvas. The application utilizes the MIDI.js library to create music sequencing in the browser. By Ariel Scott and Mike Aikins.
Vue Time Comparison
A Vue.js demo by Sarah Drasner that makes use of the browser’s native API for .toLocaleTimeString.
Intersection Observer comes to Firefox
Dan Callahan introduces the very useful IntersectionObserver API, that allows browsers to notify when an element’s visibility changed.
10 guidelines to improve your web accessibility
Ten web accessibility guidelines that will guarantee access to your site to any person, in spite of their disabilities.
Parallax SVG Animation Tools
A simple set of python functions to help working with animated SVGs exported from Illustrator.
Free Font: Rana
A great display font designed by Mohamed El Dardery.
Hot and Sticky
A lovely demo by Mariusz Dabrowski built with Matter.js and P5.js.
Building a Music Recommender with Deep Learning
A tutorial by Matt Murray where he teaches how to create a neural network based music recommender system.
Free Font: Wrangell Medium
A free weight from the Wrangell slab serif font family designed by Paul van Oijen.
Canvas Image Copy / Paste Demo
Tiffany Rayside’s demo shows how to apply image copy/paste functionality to the canvas element.
Ten Years Ago
See what was going on 10 years ago on some popular sites.
GitPoint
If you didn’t know about it yet: GitPoint is the most feature-rich unofficial GitHub client. Built with React Native.
Inspiration for Menu Hover Effects
Some menu link hover effects for your inspiration. Powered by CSS and JavaScript for individual letter animations.
Collective #338 was written by Pedro Botelho and published on Codrops.