Collective #144
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
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
Charted
Charted is a tool for automatically visualizing data, created by the Product Science team at Medium.
Check it out
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.
Keeping CSS short with currentColor
Osvaldas Valutis shows how you can use the currentColor keyword in order to keep your CSS shorter and smarter.
SVG Morpheus
A useful JavaScript library by Alex Kaul for morphing an icon into another.
Check it out
Planning for Performance
An excerpt from Chapter 3 of Scott Jehl's new book, Responsible Responsive Design.
Read it
Regulex
A regular expression parser and visualizer in JavaScript by Jex Cheng.
Check it out
JSCalc
With JSCalc you can create custom online calculators. Made by Ivan Novikov.
Check it out
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
Free Font: Delicate
An interesting typeface with a unique touch designed by FAAK&PAAT Studio.
Get it
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
Style Guide Template
A very useful style guide template by Sebastiano Guerriero from CodyHouse.
Check it out
Elastic stroke CSS + SVG
A stunning SVG and CSS elastic stroke effect demo by talented Yoksel.
Check it out
Material Design Preloader
A jQuery plugin that recreates the Material Design preloader seen in Inbox. Made by Aaron Lumsden.
Check it out
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
25 Christmas Flat Icons (AI, PSD)
A set of super-cute Christmas icons designed by Steve Lianardo for Whaledesigned.
Get it
Mailmalade
With Mailmalade you can easily build compatible HTML emails.
Check it out
Free Font: Marske
Kash Singh designed this all-caps stencil display font.
Get it