Collective #364

Snag the hottest new domain name for designers
.design domains were just released and some of the best ones are still available. Normally they cost $35 but Codrops subscribers get them now for FREE.
Get it now
Chromeography
Jaume Sanchez's stunning Codevember experiment where one image fades into another by animating the color particles.
Check it out
PaperCSS
A freshly different CSS framework by Rhyne Vlaservich.
Check it out
js2flowchart.js
A tool for generating beautiful SVG flowcharts from JavaScript code. By Bohdan Liashenko.
Check it out
Burnside
Burnside is a modular End to End (E2E) testing tool in JavaScript.
Check it out
Free Font: Fenway
A lovely retro style script font designed by Pavel Korzhenko.
Get it
Feature Visualization
Learn how neural networks build up their understanding of images in this in-depth article.
Read it
Critical
Addy Osmani's updated Critical lets you extract and inline critical-path (above-the-fold) CSS from HTML.
Check it out
#Codevember 7: Neon street view
Robin Delaporte's Codevember contribution lets you play with a fun neon effect.
Check it out
Pursuit of PI
A fantastic little game with a dynamic soundtrack by Jake Albaugh.
Check it out
A Responsive Accessible Table
A great tutorial by Adrian Roselli where he shows how to build a responsive table that is also accessible.
Read it
#Codevember 4: Saphire
A fantastic three.js game made by Adrien Vanderpotte & Lei Xing.
Check it out
Orion
Get access to over 4000 SVG icons with this advanced web app.
Check it out
Kapwing
An online sound effect editor that lets you add sound effects to videos.
Check it out
Pure CSS 3D Movie Booking App UI
An amazing CSS powered demo by Jamie Coulter.
Check it out
IconBros
A growing collection of more than 170 free, high quality icons.
Check it out
Creating a Star to Heart Animation with SVG and Vanilla JavaScript
Learn how to make a star morph into a heart in this tutorial by Ana Tudor.
Read it
IBM Type
Read the IBM type design principles and check out their new corporate typeface, IBM Plex.
Check it out
Links vs Buttons
A great demo by Amelia Bellamy-Royds that shows how buttons and links have only arbitrary distinctions.
Check it out
#Codevember 3: Tree
Louis Hoebregts' fun Codevember contribution.
Check it out
#Codevember 7: Exploding Pillows
Make some pillows explode in this demo by the folks of DPDK.
Check it out
Emergence.js
A tiny, yet powerful JavaScript plugin for detecting element visibility. By Christian Miller.
Check it out
Ten Extras for Great API Documentation
Diana Lakatos write about the importance of maintaining a great API documentation.
Read it
Music Mouse
A partial emulation by Tero Parviainen of Laurie Spiegel's "Music Mouse - An Intelligent Instrument".
Check it out