Bi-Weekly Frontend News

Collective #97

Inspirational Website of the Week

Collective97_wotw

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

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

Snowroller

Collective97_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

Collective97_workingwalls

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

Collective97_planetaryjs

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

Collective97_odinrounded

Odin Rounded is an interesting experimental font by Frank Hemmekam.

Get it

Magnifier.js

Collective97_magnifier

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

Collective97_perspectivemockups

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

Collective97_ligatures

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

Check it out

Passweird

Collective97_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

Collective97_flatrealism

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

Collective97_typeandgrids

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

Check it out

Saved.io

Collective97_savedio

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

Collective97_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

Typewrite

Collective97_typewrite

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

Check it out

144 Outline Icons (PSD, AI)

Collective97_outlineIcons

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

Get them

Agency Portfolio Theme (PSD)

Collective97_template

A very nice agency portfolio template by talented Andreansyah Setiawan.

Get it

Orbit Viewer

Collective97_orbiter

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