Collective #338
Inspirational Website of the Week: RGB - Richard Gazdik
A well designed portfolio and blog with some lovely details. Our pick this week.
Get inspired
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.
Check it out
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.
Check it out
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."
Check it out
Send: Private, Encrypted File Sharing
Send files through a safe, private, and encrypted link that automatically expires. By Mozilla.
Check it out
Creating Photorealistic 3D Graphics on the Web
Learn the basics of three.js for creating photorealistic scenes in this tutorial by Engin Arslan.
Read it
A Million WebSockets and Go
An article by Sergey Kamardin from Mail.Ru on how they built a high-load WebSocket server with Go.
Read it
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.
Check it out
Wavy ball
A fantastic WebGL shape demo by Louis Hoebregts.
Check it out
Oh yes! Async / Await
Tiago Lopes Ferreira writes about the new async/await syntax in JavaScript.
Read it
Fiber
Fiber is a free, interactive UI Kit by Framer.
Check it out
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.
Check it out
Vue Time Comparison
A Vue.js demo by Sarah Drasner that makes use of the browser's native API for .toLocaleTimeString.
Check it out
Intersection Observer comes to Firefox
Dan Callahan introduces the very useful IntersectionObserver API, that allows browsers to notify when an element's visibility changed.
Read it
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.
Read it
Parallax SVG Animation Tools
A simple set of python functions to help working with animated SVGs exported from Illustrator.
Check it out
Free Font: Rana
A great display font designed by Mohamed El Dardery.
Get it
Hot and Sticky
A lovely demo by Mariusz Dabrowski built with Matter.js and P5.js.
Check it out
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.
Read it
Free Font: Wrangell Medium
A free weight from the Wrangell slab serif font family designed by Paul van Oijen.
Get it
Canvas Image Copy / Paste Demo
Tiffany Rayside's demo shows how to apply image copy/paste functionality to the canvas element.
Check it out
Ten Years Ago
See what was going on 10 years ago on some popular sites.
Check it out
GitPoint
If you didn't know about it yet: GitPoint is the most feature-rich unofficial GitHub client. Built with React Native.
Check it out
Inspiration for Menu Hover Effects
Some menu link hover effects for your inspiration. Powered by CSS and JavaScript for individual letter animations.
Check it out