Collective #480
Inspirational Website of the Week: IN FOCUS
Innovative shapes and details made us pick IN FOCUS this week.
Get inspired
UI Sounds
A great library of sounds from popular apps. Read more about it in this article.
Check it out
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
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
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
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
How To Learn CSS
Rachel Andrew shows which fundamental things are important the learn so that using CSS becomes easier.
Check it out
Learn JavaScript
A new platform for interactively learning JavaScript. By Jad Joubran.
Check it out
Blobmaker
This app lets you create, tweak and download organic SVG shapes.
Check it out
Paint on Mouse Move
Angela He created this stunning demo of an animated drawing.
Check it out
Gradient Borders in CSS
Some ideas on how to pull off gradient borders in CSS.
Read it
New Year 2019
A great three.js demo by Yoichi Kobayashi for the new year.
Check it out
Crossy Road with three.js
An adorable road crossing game made with three.js by Hunor Marton Borbely.
Check it out
Learning #threejs & (a little bit of) #webgl
Shirley Wu shares her journey of learning three.js by creating various experiments.
Check it out
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
Blendy
A little tool for previewing CSS blend modes on images.
Check it out
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
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
How Doom fire was done
Fabien Sanglard's article on how the fire for Doom was coded.
Read it
Awesome Demos from 2018
A collection of our favorite demos and experiments from 2018.
Check it out