Bi-Weekly Frontend News

Collective #97

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



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



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 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



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


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

Check it out


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



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



Typewrite is a real-time collaborative writing environment with Markdown support, versioning and Dropbox syncing.

Check it out

144 Outline Icons (PSD, AI)


Katarina Stefanikova designed these pixel-perfect outline icons exclusively for Freebiesbug.

Get them

Agency Portfolio Theme (PSD)


A very nice agency portfolio template by talented Andreansyah Setiawan.

Get it

Orbit Viewer


Fantastic WebGL magic that will show you the orbits of spacecrafts and other objects like comets and asteroids. A Chrome Experiment by Kevin Gill.

Check it out