Collective #204

Inspirational Website of the Week: Active Theory
The stunning new design of Active Theory is a great combination of smooth effects and creativity. Our pick this week.
Get inspired
2016 - The year of web streams
An excellent article that will teach you everything you need to know about the web streams API. By Jake Archibald.
Read it
Voxel.css
A lightweight 3D CSS library that will make it easy to create 3D scenes and animate them.
Check it out
Is The Internet Killing Creativity?
Espen Brunborg joins the "Web design is dead" debate and gets to the bottom problem. A really great read.
Read it
A Gulp-Based External SVG Symbol Sprite Icon System
A flexible SVG icon system approach with boilerplate by Una Kravets.
Read it
Sampulator
Create some hot sounds with this awesome audio tool. Warning: addictive!
Check it out
Loud links
A compact JavaScript library for adding interaction sounds to a website. Made by Mahdi Al-Farra
Check it out
Pure CSS masonry layouts
An interesting CSS-only take on a masonry layout by Jhey Tompkins.
Check it out
Free Font: ELIXIA
A creative free uppercase typeface made by Kimmy Lee.
Get it
Creating Responsive Hero Text with SVG
Some tips on how to make SVG "hero" banner elements responsive. By Dudley Storey.
Check it out
Fibon Sans (Regular)
A clean and very readable geometric font family designed by Valerio Dell’Edera. The regular style is free.
Get it
Entrepreneur Tools
A great collection of tools and resources for startups and entrepreneurs by Mohammad Keyhani.
Check it out
Plug.js
Plug.js is a lightweight JavaScript dependency injection and object life-cycle management library. The purpose of Plug.js is to provide a flexible way to connect modules and share data between them without requiring a hard dependency on a framework or a steep learning curve.
Check it out
Creating Loading Buttons with SVG and Segment
A tutorial on how to build loading buttons with SVG using Segment by Luis Manuel.
Check it out
CSS Protips
A great collection of some advanced and useful CSS tips by Matt Smith.
Check it out
s: Web search from the terminal
Just directly search for your terminal on Google, Amazon, Wikipedia and co. Made by Josh Ellithorpe.
Check it out
Passweird
Super-weird password generator. Made by Cody Peterson and Matt Carlson.
Check it out
Noun Project for Mac
A new Mac app that let's you easily search icons and drag and drop them directly into your projects.
Check it out
Free Font: Pacha
A very artistic display typeface inspired by the ancient cultures of Latin America. Made by the Sumotype Foundry.
Get it
Viewer.js
If you haven't stumbled across it yet: an image viewer/gallery in JavaScript with lots of useful options made by Fengyuan Chen.
Check it out
Food Icons (SVG, Sketch)
Some lovely food icons made with fine lines by Worawaluns.
Get it