Collective #131

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
Plain Pattern
A really cool project by Kenneth Cachia: an SVG-based seamless pattern maker.
Check it out
Impulse
With Impulse you can easily create high-performance Physics animations optimized for mobile.
Check it out
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
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
Dark and Light Ui Kit (Sketch)
Mateusz Dembek gives us a perfectly designed dark and light UI kit in Sketch.
Get it
Free Font: Bushcraft
A beautiful font face with 6 styles by Rachid Aitouaissi for PixelBuddha.
Get it
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
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
Native Responsive Images
Yoav Weiss tells the interesting story behind native responsive images in this Dev.Opera article
Read it
Simply Toast
A useful, growl-like notifications plugin in jQuery by Eric Prieto.
Check it out
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
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
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
Musicons (PSD)
A lovely set of 24 music-related icons by Mantas Sutkus for Freebiesbug.
Get it
UI Animation in Photoshop
Learn how to create UI animations in Photoshop in this tutorial by Taylor Ling.
Check it out
Material Design exploration: NBA scores
Francis Cortez applies Google's "Material Design" language to a concept NBA app.
Read it
The Colors Of Motion
A creative site designed and developed by Charlie Clark exploring the use of color in movies.
Check it out
Gush
See yourself reflected in a psychedelic world. A interesting project by Adam Ferriss.
Check it out
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