Collective #480
![C480_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_WOTW.jpg?x86293)
Inspirational Website of the Week: IN FOCUS
Innovative shapes and details made us pick IN FOCUS this week.
Get inspired![C480_soundui](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_soundui.jpg?x86293)
UI Sounds
A great library of sounds from popular apps. Read more about it in this article.
Check it out![C480_algolayouts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_algolayouts.jpg?x86293)
Making Future Interfaces: Algorithmic Layouts
Heydon Pickering's fantastic video will show you how to create CSS layouts that are self-governing, using Flexbox and Grid.
Watch it![C455_Divi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C455_Divi.jpg?x86293)
Real Time Design in WordPress
Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.
Check it out![C480_history](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_history.jpg?x86293)
The History of Everything
Guido Rosso from 2Dimensions announces the release of the source code of "The History of Everything" built with Flutter.
Read it![C480_rr](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_rr.jpg?x86293)
rrweb
Rrweb is an open source web session replay library that provides easy-to-use APIs to record interactions and replay them remotely.
Check it out![C480_howcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_howcss.jpg?x86293)
How To Learn CSS
Rachel Andrew shows which fundamental things are important the learn so that using CSS becomes easier.
Check it out![C480_learnjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_learnjs.jpg?x86293)
Learn JavaScript
A new platform for interactively learning JavaScript. By Jad Joubran.
Check it out![C480_blob](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_blob.jpg?x86293)
Blobmaker
This app lets you create, tweak and download organic SVG shapes.
Check it out![C480_paint](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_paint.jpg?x86293)
Paint on Mouse Move
Angela He created this stunning demo of an animated drawing.
Check it out![C480_gradientborder](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_gradientborder.jpg?x86293)
Gradient Borders in CSS
Some ideas on how to pull off gradient borders in CSS.
Read it![C480_newyear](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_newyear.jpg?x86293)
New Year 2019
A great three.js demo by Yoichi Kobayashi for the new year.
Check it out![C480_gamecrossing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_gamecrossing.jpg?x86293)
Crossy Road with three.js
An adorable road crossing game made with three.js by Hunor Marton Borbely.
Check it out![C480_threejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_threejs.jpg?x86293)
Learning #threejs & (a little bit of) #webgl
Shirley Wu shares her journey of learning three.js by creating various experiments.
Check it out![C480_unique](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_unique.jpg?x86293)
Designers Talk: How to Be Unique in 2019?
A very nice article with interviews of designers on how to get inspired for making unique creations.
Read it![C480_blendy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_blendy.jpg?x86293)
Blendy
A little tool for previewing CSS blend modes on images.
Check it out![C480_Buddience](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_Buddience.jpg?x86293)
Buddience
Students from Nara University in Japan have created this project where your face is matched to a Buddha statue image using Microsoft's emotion analysis technology.
Check it out![C480_darkmode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_darkmode.jpg?x86293)
Making single color SVG icons work in dark mode
Hidde de Vries shows how to tackle color change in SVG icons for dark mode.
Read it![C480_doom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_doom.jpg?x86293)
How Doom fire was done
Fabien Sanglard's article on how the fire for Doom was coded.
Read it![C480_demos2018](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C480_demos2018.jpg?x86293)
Awesome Demos from 2018
A collection of our favorite demos and experiments from 2018.
Check it out