Collective #144
![Collective144_dnaproject](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_dnaproject.png?x86293)
Inspirational Website of the Week: The DNA Project
The DNA Project website by Hello Monday has a very innovative and futuristic design which just fits perfectly to the unique music of j.viewz.
Get inspired![Collective144_animationsphysics](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_animationsphysics.png?x86293)
Creating Animations and Interactions with Physical Models
Ralph Thomas explains how physics-based interactions work and how create rich animations with them.
Check it out![Collective144_Charted](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_Charted.png?x86293)
Charted
Charted is a tool for automatically visualizing data, created by the Product Science team at Medium.
Check it out![Collective144_detailselement](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_detailselement.png?x86293)
Making A Complete Polyfill For The HTML5 Details Element
Maksim Chemerisuk shows how to create a solid polyfill for the HTML5 <details>
component for collapsible content.
![Collective144_currentColor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_currentColor.png?x86293)
Keeping CSS short with currentColor
Osvaldas Valutis shows how you can use the currentColor
keyword in order to keep your CSS shorter and smarter.
![Collective144_Morpheus](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_Morpheus.png?x86293)
SVG Morpheus
A useful JavaScript library by Alex Kaul for morphing an icon into another.
Check it out![Collective144_planningperformance](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_planningperformance.png?x86293)
Planning for Performance
An excerpt from Chapter 3 of Scott Jehl's new book, Responsible Responsive Design.
Read it![Collective144_regulex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_regulex.png?x86293)
Regulex
A regular expression parser and visualizer in JavaScript by Jex Cheng.
Check it out![Collective144_JSCalc](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_JSCalc.png?x86293)
JSCalc
With JSCalc you can create custom online calculators. Made by Ivan Novikov.
Check it out![Collective144_handdrawn](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_handdrawn.png?x86293)
Hand Drawn Sketch Mock-Ups (PSD)
Two hand-drawn sketch mockups to show your work in a creative way by Mockup Zone for PixelBuddha.
Get it![Collective144_delicate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_delicate.png?x86293)
Free Font: Delicate
An interesting typeface with a unique touch designed by FAAK&PAAT Studio.
Get it![Collective144_christmasicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_christmasicons.png?x86293)
Christmas Icon Set (24, Icons, AI, PSD, EPS, PDF, SVG, PNG)
A beautiful Christmas icon set created by Manuela Langella for Smashing Magazine.
Get it![Collective144_styleguidetemplate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_styleguidetemplate.png?x86293)
Style Guide Template
A very useful style guide template by Sebastiano Guerriero from CodyHouse.
Check it out![Collective144_elasticstroke](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_elasticstroke.png?x86293)
Elastic stroke CSS + SVG
A stunning SVG and CSS elastic stroke effect demo by talented Yoksel.
Check it out![Collective144_materialdesignpreloader](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_materialdesignpreloader.png?x86293)
Material Design Preloader
A jQuery plugin that recreates the Material Design preloader seen in Inbox. Made by Aaron Lumsden.
Check it out![Collective144_kamaleon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_kamaleon.png?x86293)
Kameleon icons (AI, SKETCH, EPS, KEY, SVG)
A free tester icon pack from the Kameleon icon set for a share. Made by Webalys.
Get it![Collective144_25freeicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_25freeicons.png?x86293)
25 Christmas Flat Icons (AI, PSD)
A set of super-cute Christmas icons designed by Steve Lianardo for Whaledesigned.
Get it![Collective144_Mailmalade](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_Mailmalade.png?x86293)
Mailmalade
With Mailmalade you can easily build compatible HTML emails.
Check it out![Collective144_marske](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/11/Collective144_marske.png?x86293)
Free Font: Marske
Kash Singh designed this all-caps stencil display font.
Get it