Collective #131
![Collective131_heckhouse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_heckhouse.png?x25555)
Inspirational Website of the Week: Heck House
Bethany Heck's website is a celebration of excellent typography and colors. Our pick this week.
Get inspired![Collective131_plainpattern](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_plainpattern.png?x25555)
Plain Pattern
A really cool project by Kenneth Cachia: an SVG-based seamless pattern maker.
Check it out![Collective131_impulse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective131_impulse.png?x25555)
Impulse
With Impulse you can easily create high-performance Physics animations optimized for mobile.
Check it out![Collective131_focuspoint](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective131_focuspoint.png?x25555)
jQuery FocusPoint
jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Made by Jonathon Menz.
Check it out![Collective131_jsmemory](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_jsmemory.png?x25555)
JavaScript Memory Management Masterclass
Addy Osmani gives a master class on memory management in JavaScript. Check out his slides from Google WebPerf Special.
Check it out![Collective131_sketchuikit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_sketchuikit.png?x25555)
Dark and Light Ui Kit (Sketch)
Mateusz Dembek gives us a perfectly designed dark and light UI kit in Sketch.
Get it![Collective131_bushcraft](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_bushcraft.png?x25555)
Free Font: Bushcraft
A beautiful font face with 6 styles by Rachid Aitouaissi for PixelBuddha.
Get it![Collective131_doubleexposure](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_doubleexposure.png?x25555)
How To Create a Double Exposure Effect in Photoshop
Chris Spooner shows how to create a beautiful double exposure effect in Photoshop.
Check it out![Collective131_asinglediv](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_asinglediv.png?x25555)
A Single Div
Check out what can be done with one single division and CSS. A CSS drawing project by Lynn Fisher.
Check it out![Collective131_responsiveImages](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective131_responsiveImages.png?x25555)
Native Responsive Images
Yoav Weiss tells the interesting story behind native responsive images in this Dev.Opera article
Read it![Collective131_toast](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective131_toast.png?x25555)
Simply Toast
A useful, growl-like notifications plugin in jQuery by Eric Prieto.
Check it out![Collective131_gamingnodejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_gamingnodejs.png?x25555)
Real-time Gaming with Node.js + WebSocket on Google Cloud Platform
Learn how to build a real-time interactive game with the Google App Engine and Google Compute Engine.
Read it![Collective131_sketchwebgl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_sketchwebgl.png?x25555)
Implementing a "sketch" style of rendering in webGL
The team from Floored shows how to implement and render a "sketch" style in WebGL.
Check it out![Collective131_onepagescrollhow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_onepagescrollhow.png?x25555)
How I Built The One Page Scroll Plugin
Pete Rojwongsuriya shares how he implemented the One Page Scroll plugin in this insightful Smashing Magazine article.
Check it out![Collective131_musicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_musicons.png?x25555)
Musicons (PSD)
A lovely set of 24 music-related icons by Mantas Sutkus for Freebiesbug.
Get it![Collective131_uianimphotoshop](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_uianimphotoshop.png?x25555)
UI Animation in Photoshop
Learn how to create UI animations in Photoshop in this tutorial by Taylor Ling.
Check it out![Collective131_nba](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_nba.png?x25555)
Material Design exploration: NBA scores
Francis Cortez applies Google's "Material Design" language to a concept NBA app.
Read it![Collective131_colorsofmotion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_colorsofmotion.png?x25555)
The Colors Of Motion
A creative site designed and developed by Charlie Clark exploring the use of color in movies.
Check it out![Collective131_gush](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/08/Collective131_gush.png?x25555)
Gush
See yourself reflected in a psychedelic world. A interesting project by Adam Ferriss.
Check it out![Collective131_touchinteraction](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective131_touchinteraction.png?x25555)
Anatomy of a touch interaction: Swipe to peep
Interaction designer Mark Szulyovszky analyzes the "swipe to peep" interaction concept and implements a prototype.
Read it