Collective #363
![C363_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_WOTW.jpg?x86293)
Inspirational Website of the Week: Blackout
The amazing portfolio of Misaki Nakano is our pick this week.
Get inspired![C363_openweb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_openweb.jpg?x86293)
Against an Increasingly User-Hostile Web
A must-read piece by Parimal Satyal on the endangered open web.
Read it![C302_Divi](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/04/C302_Divi.png)
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![C363_gridflex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_gridflex.jpg?x86293)
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![C363_attr](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_attr.jpg?x86293)
The CSS attr() function got nothin' on custom properties
Some brilliant CSS trickery by Chris Coyier.
Read it![C363_googleexp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_googleexp.jpg?x86293)
Inside Music
A Google Experiment built with WebVR and spatial audio where you can see and hear indiviudal layers of music.
Check it out![C363_inputs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_inputs.jpg?x86293)
Advanced CSS-Only Form Styling
Jonathan Harrell shows how to use new and old selectors for custom form styling.
Read it![C363_sql](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_sql.jpg?x86293)
A Minimalist Guide to SQLite
Mark Litwintschik shows how to use the second most deployed piece of software in the world, SQLite.
Read it![C363_crashone](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_crashone.jpg?x86293)
Free Font: Crash One
Pathero Studio designed this unique handpainted typeface.
Get it![C363_codevember](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_codevember.jpg?x86293)
Codevember
The second edition of the creative code sketching challenge has started.
Check it out![C363_fontloading](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_fontloading.jpg?x86293)
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![C363_template](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_template.jpg?x86293)
HTML Template Instantiation
Apple's proposal for a native mechanism to instantiate the template element.
Read it![C363_sorting](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_sorting.jpg?x86293)
Sorting Algorithms Visualized
An amazing set of animated images to show how sorting algorithms work.
Check it out![C363_URL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_URL.jpg?x86293)
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![C363_vectorfield](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_vectorfield.jpg?x86293)
Field Play
A fantastic project where you can explore and study vector fields in real time.
Check it out![C363_nodejsbp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_nodejsbp.jpg?x86293)
Node.js Best Practices
A curated collection of the leading resources on Node.js best practices. By Yoni Goldberg.
Check it out![C363_poly](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_poly.jpg?x86293)
Poly
Google's new place to share and explore 3D models.
Check it out![C363_billiard](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_billiard.jpg?x86293)
Bad AI Billiard Battle
An easy to win billiard game demo by Jake Albaugh.
Check it out![C363_colors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_colors.jpg?x86293)
Colour management and gamut
Learn about color management and color subsets in this article.
Read it![C363_userresearch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_userresearch.jpg?x86293)
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![C363_themes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_themes.jpg?x86293)
Bulmaswatch
Free themes for Bulma, the Flexbox based CSS framework.
Check it out![C363_balls](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_balls.jpg?x86293)
#Codevember Day 2: Elastic balls
Jeremie Boulay's Codevember demo of some bouncy elastic balls.
Check it out![C363_cheatsheet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_cheatsheet.jpg?x86293)
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![C363_kylo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C363_kylo.jpg?x86293)
Kylo Ren CSS Page Preloader
A Star Wars Kylo Ren page preloader made with HTML and CSS only.
Check it out