Collective #26

View All

The Retina Future * Free Fonts * Great Tooltips * Inspiration * Free PSDs * Node.js Tutorial

Collective 26

Inspirational Website of the Week

Collective26_06

From the Front 2012: The Treasure of FrontEnd Island, Front-End Conference is our pick this week. Awesome animations and transitions.

Get inspired

Dark UI Music Player Design (PSD)

Collective26_02

A beautifully detailed free design resource by Pixeden.

Get it

Towards A Retina Web

Collective26_14

Reda Lemeden explains the basics and the challenges that are arising from the new wave of high-resolution display standards and how to tackle the challenges when designing for multiple display densities.

Read it

Free Font: Casper

Collective26_11

Michael Chereda shares his latest font experiment with us: the Casper typeface. It's a delicate, clean and readable font with some beautiful ligatures.

Get it

Parallax Background Builder

Collective26_08

A great WYSIWYG tool for creating your own parallax background. It has a great user interface and is easy-to-use.

Built it
Advertisement

Doodle Jump HTML5 Game

Collective26_04

A re-creation of the Doodle Jump using HTML5 Canvas. It does not have all the features like the original game but it's a great experiment and a lot of fun!

Play

oriDomi: Fold up the DOM like paper

Collective26_01

Dan Motzenbecker developed this great script that lets you fold up elements like paper. It has no dependencies and is very light-weight.

Check it out

FitWeird Bookmarklet

Collective26_05

Paravel gives us yet another useful tool: a bookmarklet that tells you the dimensions of your window in PX and EM. Simple, but very useful when developing responsive websites.

Get it

Realty: Free Wordpress Theme

Collective26_07

Realty is a powerful, responsive and feature-rich WordPress theme for real estate websites.

Get it

Tooltipster: jQuery Tooltip Plugin

Collective26_09

Tooltipster is a lightweight (4,813 bytes minified) jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.

Get it

High DPI Images for Variable Pixel Densities

Collective26_10

Boris Smus explains the challenges of pixel density variation among devices and shows how application developers can use several techniques and best practices to tackle the problems.

Read it

Free Font: Znikomit No. 25

Collective26_12

Grzegorz Luk shares this creative typeface for free. It is very artistic and beautifully ornamented.

Get it

World's Cheapest Camera (PSD)

Collective26_18

Adrien Olczak shares this freebie of an IKEA camera that will be given away for free in the end of this year.

Get it

Date Range Picker for Twitter Bootstrap

Collective26_13

If you are using Twitter Bootstrap, you'll find this date range picker by Dan Grossman very useful. It creates a drop down menu from which a user can select a range of dates.

Get it

Drawing Game with Node.js

Martin Angelov shows you how to create a real-time online drawing game with node.js.

Read it

Ideal Forms: Responsive HTML5 Forms

Collective26_16

Ideal Forms is a great framework for building and validating responsive HTML5 forms.

Try it

13-inch Apple MacBook Air (PSD)

Collective26_17

A free, fully scalable Apple Macbook Air PSD from PremiumPixels by UI designer Koy Carraway.

Get it

BigVideo.js: Background Videos for Websites

Collective26_20

This plugin by John Polacek allows it to it easily add a fit-to-fill background video to a websites. BigVideo.js is built on top of Video.js from zencoder.

Get it

Happy Little Button Freebie (PSD)

Collective26_19

Chris Farina shares this cute and detailed little button with us.

Get it

jsPlumb: Visually Connect Elements

Collective26_21

If you did not know it already, jsPlumb provides a means for a developer to visually connect elements on their web pages. It uses SVG or Canvas in modern browsers, and VML on IE 8 and below.

Get it

SiteCake CMS

Collective26_22

SiteCake is a easy-to-use, simple CSS editor that allows you to edit your existing website on-the-fly.

Try it

Timelines with Chronoline.js

Collective26_03

Chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale. It only requires raphael.js to work.

Check it out

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.