Bi-Weekly Frontend News

Collective #42

Inspirational Website of the Week

Collective_42_Website

The brilliant portfolio of Felix Reichle is our pick this week. It has an interesting mix of hand-draw elements and elegant-looking shapes combined with a decent color scheme.

Read it

A Comparison of JavaScript Physics Engines

Collective42_engines

Learn about the differences of JavaScript physics engines from this great article by Chandler Prall for WebAppers.

Read it

Christmas Icon Set (PNG)

Collective42_christmas-icon-set

A set of beautiful Christmas-related super-detailed icons made by RocketTheme for Smashing Magazine.

Get it

Framote: Remote URL Control

Collective_42_Framote

Jaime Caballero created Framote, a tool with which you can simply generate a special short link from any URL. You'll be able to change the embedded URL anytime.

Try it

Responsive Images: What We Thought We Needed

Collective42_responsiveImages

Some interesting thoughts by Paul Robert Lloyd about the problematic of responsive images and their proposed solutions. An interesting discussion follows.

Read it

Handy Icons – Free Web Font Kit

Collective42_handyicons

A large set of 99 hand-drawn icons that have been converted to a webfont by WeGraphics.

Get it

Merry Scrolling with skrollr.js

Collective42_merry-scrolling

A step-by-step tutorial on how to create a beautifully looking Christmassy scrolling effect by Paulina Hetman from Pepsized.

Check it out

Numbers.js

Collective42_numbers

Numbers is an advanced mathematics library for Node.js and JavaScript developed by Steve Kaliski. It provides a comprehensive set of mathematical tools that are currently not available in JavaScript.

Get it

Mini Help System with jQuery

Collective42_helpsystem

Martin Angelov will show you how to create a small widget which will display some help text for users of a web application. The widget content is going to be searchable in real time, and all matching terms will be highlighted.

Check it out

Analytics.js

Collective42_analyticsjs

Segment.io gives us this great script that will make integrating analytics a breeze.

Check it out

Mustaches (AI)

Collective42_mustaches

An unmissable set of brilliant mustaches as fully editable Illustrator vector files by Charlie Belvin.

Get it

Multiple Devices PSD

Collective42_Multiple-Devices-oo

A set of beautifully designed and cool looking mobile devices by Armas B.

Get it

Free Font: Mr. Wright

Collective42_FontWright

Anthony Schmiedeler designed the exquisite Mr. Wright font for a school project using Fontlab. It's based on the furniture design of Frank Lloyd Wright.

Get it

Do we need box-shadow or border-radius prefixes anymore?

Do we? Read the short and the long answer and explanation by Chris Coyier on CSS-Tricks.

Read it

Travel Web Design Template (PSD)

Collective42_safari

A fun looking travel-related web design template by CSS Author.

Get it

Cooking Icons (AI, EPS)

Collective42_cooking

Cosmin Capitanu created this sweet pack of cooking-related vector icons.

Get it

Free Font: Christmas Numerals

fontnumerals

Stereotypes designed these beautiful Christmas numerals and offers them for free.

Get it

Canvas-Driven background images

Collective42_webkit-canvas

Eric Bidelman takes a look at canvas-driven background images and shows some demos (mostly Canary).

Check it out

Free Christmas Email Template (HTML)

Collective42_christmas

A festive Christmas email template by ThemeDev.

Get it

Annotary

Collective_42_Annotary

Annotary helps you bookmark pages, make highlights, take notes, and share with others.

Check it out

Google Droid-Gangnam in Pure CSS

Collective42_gangnam

An Easter-Egg found on the Google Zeitgeist page: Droid-Gangnam.

Check it out

Toolbar

Collective42_toolbar

A beautiful toolbar originally designed by Mani, converted to HTML/CSS by Cameron Baney.

Check it out

CSS3 Generator

Collective42_css3generator

A fun little CSS snippet generator for all the fanciness that is hard to remember.

Check it out