Collective #170
![Collective170_feedmusic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_feedmusic.png?x86293)
Inspirational Website of the Week: Feedmusic
Feedmusic has a vibrant color scheme, smooth animations and some lovely effects. Our pick this week.
Get inspired![Collective170_svgfilter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_svgfilter.png?x86293)
The Art Of The SVG Filter And Why It Is Awesome
Dirk Weber shows how to use the power of SVG filters to create stunning text effects.
Check it out![Collective170_youtubeaz](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_youtubeaz.png?x86293)
Do you know YouTube from A to Z?
Celebrate 10 year of YouTube with this fun game that tests your pop-culture knowledge.
Check it out![Collective170_smarthouse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_smarthouse.png?x86293)
Smart House Icon Set (SVG, EPS, PNG)
An awesome set of icons all around eco living by Roman Malashkov.
Get it![Collective170_vibrantjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_vibrantjs.png?x86293)
Vibrant.js
Vibrant.js is a JavaScript library for extracting prominent colors from a picture. Made by Jari Zwarts.
Check it out![Collective170_hellomany](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_hellomany.png?x86293)
Hello Many
Hello Many collects all the high-quality UI assets from around the web.
Check it out![Collective170_Fontstand](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_Fontstand.jpg?x86293)
Fontstand
Fontstand is a fantastic new kind of font app (Mac) that allows you to try fonts for free or rent them by the month for desktop use for just a fraction of the regular price.
Check it out![Collective170_bufferloading](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_bufferloading.png?x86293)
Buffer's loading animation
Learn how to re-create the Buffer logo loading animation in this great tutorial by Donovan Hutchinson.
Check it out![Collective170_iconcontent](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_iconcontent.png?x86293)
Iconifying Content
Will Boyd shows how to use the concept of iconification to create previews of content areas.
Check it out![Collective170_outdooricons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_outdooricons.png?x86293)
Outdoor Icons (Sketch)
Some lovely icons made by Vincent Tantardini.
Get it![Collective170_guideanimation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_guideanimation.png?x86293)
The ultimate guide to Web animation
A fantastic in-depth guide to web animation by Ezequiel Bruni.
Check it out![Collective170_duster](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_duster.png?x86293)
Free Font: Duster
A beautiful rounded typeface with three weights designed by Alex Banks.
Get it![Collective170_typetodesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_typetodesign.png?x86293)
Type to Design
A fantastic little app that picks random letters from the #36daysoftype Instagram challenge as you type.
Check it out![Collective170_replicateartjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_replicateartjs.png?x86293)
Replicating Art With JS
Dragan Bajcic replicates a mesmerizing artistic pattern with plain JavaScript.
Check it out![Collective170_fluidparticleswebgl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_fluidparticleswebgl.png?x86293)
Fluid & Particles in WebGL
A great WebGL fluid simulation by George Corney.
Check it out![Collective170_reef](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_reef.png?x86293)
Free Font: Reef
A clean and elegant rounded font with solid character support designed by RIT Creative.
Get it![Collective170_slemma](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_slemma.png?x86293)
Slemma
With Slemma you can create charts and dashboards from data stored in files, cloud storages and databases.
Check it out![Collective170_andrea](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/05/Collective170_andrea.png?x86293)
Free Font: Andrea
A beautiful hand-drawn script font designed by Dmitriy Chirkov for Pixel Buddha.
Get it