Collective #97 | Codrops

Inspirational Website of the Week

Alee Foroughi's website has some very creative elements with interesting effects and some fresh shapes. Our inspirational website pick for this week.

Get inspired

The Tumbler

A great experiment by Andrew Hoyer that shows a relaxing physics simulation realized with technologies such as the Box2dWeb physics engine, SVG and the Web Audio API.

Check it out

Snowroller

One of the fantastic Christmas experiments where you can create a snowman in a very realistic way. Made by Einar Öberg.

Check it out

Up On The Wall: How Working Walls Unlock Creative Insight

A great in-depth article by Laura Busche on the different uses of inspiration boards as invaluable tools for design thinking.

Read it

Planetary.js

Finally a great library for creating stunning globe visualizations for the web. Being highly customizable it also supports dragging and zooming. Developed by Brandon Tilley.

Check it out

Free Font: Odin Rounded

Odin Rounded is an interesting experimental font by Frank Hemmekam.

Get it

Magnifier.js

Magnifier.js is a very useful JavaScript library for applying magnifying effects on images. One of the great features is the zooming in and out functionality with the mouse wheel. Made by Mark Rolich.

Check it out

Perspective Mockups using CSS3 3D Transforms

A great walk-through and demo on the Code Player: mobile app mockups in perspective with CSS3 3D transforms.

Check it out

I Love Ligatures

Who doesn't love and drool over beautiful ligatures? Check out this Tumblr that collects inspirational shots of ligatures.

Check it out

Passweird

Passwords don't need to be made of boring letters, numbers and special characters. Passweird will generate brilliantly weird and strong password strings that you won't forget.

Check it out

Flat Design vs. Realism

2013 was the year of the flat vs. skeuomorphic battle and now you can play the battle game in this great web app by inTacto.

Check it out

Type & Grids

Type & Grids was relaunched and the new site offers two excellent free mobile-first HTML5 templates with beautiful typography.

Check it out

Saved.io

A fantastic bookmarking tool: to save a link in the cloud, type saved.io/ in front of any URL in your browser's address bar.

Check it out

North

North is a set of standards and best practices for developing modern web based properties. Included are standards and best practices for all aspects of a project, from kick off through development.

Read it

Colors

No wonder that CSS default color strings are rarely used as they are just "ugh!". But no more ugly colors! Colors.css redefines the default CSS color strings. Made by Adam Morse.

Get it