Collective #172
![Collective172_googleideas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_googleideas.png?x86293)
Inspirational Website of the Week: Google Ideas
A stunning design with some unique interactions and effects. Our pick this week.
Get inspired![Collective172_games](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_games.png?x86293)
Creative games for creative designers
All the fantastic games for creatives in one place. Procrastination warning! :)
Check it out![Collective172_WebComponents](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_WebComponents.png?x86293)
The state of Web Components
An enlightening article by Wilson Page on the current state of Web Components.
Read it![Collective172_pagescrolleffects](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_pagescrolleffects.png?x86293)
Page Scroll Effects
A set of experimental page scroll effects made by Claudia Romano from CodyHouse.
Check it out![Collective172_SVGWorkflow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_SVGWorkflow.jpg?x86293)
Creating an SVG icon workflow
An article by Luke Whitehouse on how to use Gulp as a built tool for a painless SVG icon workflow including fallback for older browsers.
Read it![Collective172_exploringes6](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_exploringes6.png?x86293)
Exploring ES6: Upgrade to the next version of JavaScript
A book by Axel Rauschmayer on ES6 with a free online version.
Check it out![Collective172_sportsiconset](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_sportsiconset.png?x86293)
Responsive Sports Icon Set (AI, CSH, PNG, PSD, Sketch, SVG)
A set of beautifully designed sport icons by Ramy Wafaa in various formats.
Get it![Collective172_gradify](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_gradify.png?x86293)
Gradify
Gradify finds the most prominent colors in any image, and produces a scalable, responsive CSS gradient that can be useful for image placeholders.
Check it out![Collective172_phage](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_phage.png?x86293)
Free Font: Phage
An artistic free display typeface with two different styles designed by Mehmet Reha Tugcu.
Get it![Collective172_pixelshuh](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_pixelshuh.png?x86293)
Lose yourself in the scenes of Pixels Huh
A Retronator 'Artist Feature' of illustrator Octavi Navarro that will give you some amazing pixel art inspiration.
Read it![Collective172_quttons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_quttons.png?x86293)
Quttons
Buttons made of "quantum paper" that morphs into any kind of fitting shape, color, etc. Made by Nash Vail.
Check it out![Collective172_undogit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_undogit.png?x86293)
How to undo (almost) anything with Git
A really helpful article by Joshua Wehner on how to undo lots of actions with Git.
Check it out![Collective172_cityscape](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_cityscape.png?x86293)
Create a cityscape in Adobe Illustrator
A fantastic in-depth tutorial by Veerle Pieters on how to create a cityscape in Illustrator.
Check it out![Collective172_polymer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_polymer.png?x86293)
Polymer for the Performance-obsessed
A great article by Paul Lewis on his experience with Polymer from a performance perspective.
Read it![Collective172_shumi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_shumi.png?x86293)
Free Font: Shumi
An interesting uppercase font with a bold style designed by Ivan Shumikhin.
Get it![Collective172_autofill](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_autofill.png?x86293)
Help users checkout faster with Autofill
Learn how to make use of Autofill for helping users fill out forms quicker. An article by Ido Green.
Read it![Collective172_ecommerceicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_ecommerceicons.png?x86293)
E-Commerce Icons (PSD, AI)
A lovely set of e-commerce icons by Pavel Kozlov.
Get it![Collective172_badges](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_badges.png?x86293)
6 Logo Badges
A freebie of 6 logo badges designed by Eamejia.
Get it![Collective172_photoshop](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_photoshop.png?x86293)
Prototyping with Photoshop layer comps
A very useful tip by InVision on how to use layer comps for prototyping in Photoshop.
Read it![Collective172_londondoors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/06/Collective172_londondoors.png?x86293)
Doors of London
A collection of beautiful illustrations by Lucia Soto.
Get inspired