Collective #363

Inspirational Website of the Week: Blackout
The amazing portfolio of Misaki Nakano is our pick this week.
Get inspired
Against an Increasingly User-Hostile Web
A must-read piece by Parimal Satyal on the endangered open web.
Read it
Build Things Visually with Divi 3.0
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Try it now
Flexbox and Grids, your layout's best friends
A great article that debunks some myths around CSS Flexbox and Grid and shows how to use them together.
Read it
The CSS attr() function got nothin' on custom properties
Some brilliant CSS trickery by Chris Coyier.
Read it
Inside Music
A Google Experiment built with WebVR and spatial audio where you can see and hear indiviudal layers of music.
Check it out
Advanced CSS-Only Form Styling
Jonathan Harrell shows how to use new and old selectors for custom form styling.
Read it
A Minimalist Guide to SQLite
Mark Litwintschik shows how to use the second most deployed piece of software in the world, SQLite.
Read it
Free Font: Crash One
Pathero Studio designed this unique handpainted typeface.
Get it
Codevember
The second edition of the creative code sketching challenge has started.
Check it out
Managing Font Loading CSS Was Painful - Not Anymore
Zach Leatherman introduces postcss-foft-classes, a plugin for managing CSS font loading stages automatically.
Check it out
HTML Template Instantiation
Apple's proposal for a native mechanism to instantiate the template element.
Read it
Sorting Algorithms Visualized
An amazing set of animated images to show how sorting algorithms work.
Check it out
Different remote and local resource URLs, with Service Workers!
Lea Verou shares her solutions to the distinct URL problem, including one that uses Service Workers.
Read it
Field Play
A fantastic project where you can explore and study vector fields in real time.
Check it out
Node.js Best Practices
A curated collection of the leading resources on Node.js best practices. By Yoni Goldberg.
Check it out
Poly
Google's new place to share and explore 3D models.
Check it out
Bad AI Billiard Battle
An easy to win billiard game demo by Jake Albaugh.
Check it out
Colour management and gamut
Learn about color management and color subsets in this article.
Read it
What the Failure of New Coke Can Teach Us About User Research And Design
An interesting article on user research by Adam Silver.
Read it
Bulmaswatch
Free themes for Bulma, the Flexbox based CSS framework.
Check it out
#Codevember Day 2: Elastic balls
Jeremie Boulay's Codevember demo of some bouncy elastic balls.
Check it out
Essential Cheat Sheets for Machine Learning and Deep Learning Engineers
Kailash Ahirwar's collection of useful AI cheat sheets on machine learning.
Check it out
Kylo Ren CSS Page Preloader
A Star Wars Kylo Ren page preloader made with HTML and CSS only.
Check it out