Collective #338
![C337_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_WOTW.jpg?x25555)
Inspirational Website of the Week: RGB - Richard Gazdik
A well designed portfolio and blog with some lovely details. Our pick this week.
Get inspired![C338_NomNom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C338_NomNom.jpg?x25555)
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![C337_StackBlitz](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_StackBlitz.jpg?x25555)
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![C337_Gamification](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_Gamification.jpg?x25555)
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![C337_Send](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_Send.jpg?x25555)
Send: Private, Encrypted File Sharing
Send files through a safe, private, and encrypted link that automatically expires. By Mozilla.
Check it out![C337_Photorealistic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_Photorealistic.jpg?x25555)
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![C337_WebSockets](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_WebSockets.jpg?x25555)
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![C337_Hazel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_Hazel.jpg?x25555)
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![C337_WavyBall](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_WavyBall.jpg?x25555)
Wavy ball
A fantastic WebGL shape demo by Louis Hoebregts.
Check it out![C337_AsyncAwait](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_AsyncAwait.jpg?x25555)
Oh yes! Async / Await
Tiago Lopes Ferreira writes about the new async/await syntax in JavaScript.
Read it![C337_Fiber](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_Fiber.jpg?x25555)
Fiber
Fiber is a free, interactive UI Kit by Framer.
Check it out![C337_MusicBlocks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_MusicBlocks.jpg?x25555)
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![C337_VueTime](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_VueTime.jpg?x25555)
Vue Time Comparison
A Vue.js demo by Sarah Drasner that makes use of the browser's native API for .toLocaleTimeString.
Check it out![C337_IntersectionObserver](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_IntersectionObserver.jpg?x25555)
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![C337_Acessibility](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_Acessibility.jpg?x25555)
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![C337_AnimationTools](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_AnimationTools.jpg?x25555)
Parallax SVG Animation Tools
A simple set of python functions to help working with animated SVGs exported from Illustrator.
Check it out![C337_FontRana](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_FontRana.jpg?x25555)
Free Font: Rana
A great display font designed by Mohamed El Dardery.
Get it![C337_HotSticky](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_HotSticky.jpg?x25555)
Hot and Sticky
A lovely demo by Mariusz Dabrowski built with Matter.js and P5.js.
Check it out![C337_MusicRecommender](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_MusicRecommender.jpg?x25555)
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![C337_FreeFontWrangell](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_FreeFontWrangell.jpg?x25555)
Free Font: Wrangell Medium
A free weight from the Wrangell slab serif font family designed by Paul van Oijen.
Get it![C337_CopyPasteCanvas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_CopyPasteCanvas.jpg?x25555)
Canvas Image Copy / Paste Demo
Tiffany Rayside's demo shows how to apply image copy/paste functionality to the canvas element.
Check it out![C337_TenYearAgo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_TenYearAgo.jpg?x25555)
Ten Years Ago
See what was going on 10 years ago on some popular sites.
Check it out![C337_GitPoint](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_GitPoint.jpg?x25555)
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![C337_MenuHoverEffects](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/08/C337_MenuHoverEffects.jpg?x25555)
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