Collective #42
Inspirational Website of the Week
![Collective_42_Website](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective_42_Website.jpg?x86293)
The brilliant portfolio of Felix Reichle is our pick this week. It has an interesting mix of hand-draw elements and elegant-looking shapes combined with a decent color scheme.
Read itA Comparison of JavaScript Physics Engines
![Collective42_engines](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_engines1.jpg?x86293)
Learn about the differences of JavaScript physics engines from this great article by Chandler Prall for WebAppers.
Read itChristmas Icon Set (PNG)
![Collective42_christmas-icon-set](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_christmas-icon-set1.jpg?x86293)
A set of beautiful Christmas-related super-detailed icons made by RocketTheme for Smashing Magazine.
Get itFramote: Remote URL Control
![Collective_42_Framote](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective_42_Framote-e1355686152983.jpg?x86293)
Jaime Caballero created Framote, a tool with which you can simply generate a special short link from any URL. You'll be able to change the embedded URL anytime.
Try itResponsive Images: What We Thought We Needed
![Collective42_responsiveImages](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_responsiveImages1.jpg?x86293)
Some interesting thoughts by Paul Robert Lloyd about the problematic of responsive images and their proposed solutions. An interesting discussion follows.
Read itHandy Icons – Free Web Font Kit
![Collective42_handyicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_handyicons1.jpg?x86293)
A large set of 99 hand-drawn icons that have been converted to a webfont by WeGraphics.
Get itMerry Scrolling with skrollr.js
![Collective42_merry-scrolling](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_merry-scrolling1.jpg?x86293)
A step-by-step tutorial on how to create a beautifully looking Christmassy scrolling effect by Paulina Hetman from Pepsized.
Check it outNumbers.js
![Collective42_numbers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_numbers1.jpg?x86293)
Numbers is an advanced mathematics library for Node.js and JavaScript developed by Steve Kaliski. It provides a comprehensive set of mathematical tools that are currently not available in JavaScript.
Get itMini Help System with jQuery
![Collective42_helpsystem](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_helpsystem1.jpg?x86293)
Martin Angelov will show you how to create a small widget which will display some help text for users of a web application. The widget content is going to be searchable in real time, and all matching terms will be highlighted.
Check it outAnalytics.js
![Collective42_analyticsjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_analyticsjs1.jpg?x86293)
Segment.io gives us this great script that will make integrating analytics a breeze.
Check it outMustaches (AI)
![Collective42_mustaches](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_mustaches1.jpg?x86293)
An unmissable set of brilliant mustaches as fully editable Illustrator vector files by Charlie Belvin.
Get itMultiple Devices PSD
![Collective42_Multiple-Devices-oo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_Multiple-Devices-oo1.jpg?x86293)
A set of beautifully designed and cool looking mobile devices by Armas B.
Get itFree Font: Mr. Wright
![Collective42_FontWright](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_FontWright.jpg?x86293)
Anthony Schmiedeler designed the exquisite Mr. Wright font for a school project using Fontlab. It's based on the furniture design of Frank Lloyd Wright.
Get itDo we need box-shadow or border-radius prefixes anymore?
Do we? Read the short and the long answer and explanation by Chris Coyier on CSS-Tricks.
Read itTravel Web Design Template (PSD)
![Collective42_safari](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_safari1.jpg?x86293)
A fun looking travel-related web design template by CSS Author.
Get itCooking Icons (AI, EPS)
![Collective42_cooking](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_cooking1.jpg?x86293)
Cosmin Capitanu created this sweet pack of cooking-related vector icons.
Get itFree Font: Christmas Numerals
![fontnumerals](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/fontnumerals.jpg?x86293)
Stereotypes designed these beautiful Christmas numerals and offers them for free.
Get itCanvas-Driven background images
![Collective42_webkit-canvas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_webkit-canvas1.jpg?x86293)
Eric Bidelman takes a look at canvas-driven background images and shows some demos (mostly Canary).
Check it outFree Christmas Email Template (HTML)
![Collective42_christmas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_christmas1.jpg?x86293)
A festive Christmas email template by ThemeDev.
Get itAnnotary
![Collective_42_Annotary](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective_42_Annotary.jpg?x86293)
Annotary helps you bookmark pages, make highlights, take notes, and share with others.
Check it outGoogle Droid-Gangnam in Pure CSS
![Collective42_gangnam](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_gangnam1.jpg?x86293)
An Easter-Egg found on the Google Zeitgeist page: Droid-Gangnam.
Check it outToolbar
![Collective42_toolbar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_toolbar1.jpg?x86293)
A beautiful toolbar originally designed by Mani, converted to HTML/CSS by Cameron Baney.
Check it outCSS3 Generator
![Collective42_css3generator](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2012/12/Collective42_css3generator2.jpg?x86293)
A fun little CSS snippet generator for all the fanciness that is hard to remember.
Check it out