Collective #23

View All

Free Fonts * Website Inspiration * Free Icons * Beautiful Maps * Animated Gauges * Syntax Highlighter

Collective 23

Inspirational Website of the Week

Collective23_05

Barcamp Omaha 2012 is our web design pick this week. Great design, great typography and some nice subtle effects. But who are we kidding? It was the "BEER ME" bear that won our hearts :)

Get inspired

Free Icon Set: Crisp

Collective23_18

A pixel-perfect icon set with 108 icons in 3 different sizes by Matt Gentile.

Get them

Upverter: Build Electronics Socially

Collective23_12

Upverter is a GitHub-like design and collaboration platform for students, engineers, designers, inventors, makers and hackers that makes it easy to design and share electronics projects. This is just awesome!

Check it out

Journey Through The JavaScript MVC Jungle

Collective23_09

In this Smashing Magazine article, Addy Osmani explains in detail why and how to choose a JavaScript MVC framework for an application. Also check out TodoMVC to help you narrow down your choices when it comes to a framework.

Read it

Free Wordpress Theme: Photographer

Collective23_15

A clean and beautiful photography Wordpress theme perfect for exhibiting image-based works from Fearless Flyer.

Get it
Advertisement

gauge.js: Animated JavaScript/CoffeeScript Gauge

Collective23_02

Create 100% native and cool looking animated JavaScript/CoffeeScript gauges with this awesome script.

Check it out

Free iPhone Mockup (PSD)

Collective23_03

This great freebie by WeGraphics is a layered PSD file consisting of vector shapes. The screen is editable via a single Smart Layer which allows you to add your design from a simple copy and paste.

Get it

Prism: A Modern Syntax Highlighter

Collective23_04

Prism is a new, light-weight and sexy looking syntax highlighter by Lea Verou. It's built with modern web standards in mind and you can easily extend it. Read the article about it here.

Check it out

A Beginner’s Guide to Using Google Web Fonts

Collective23_06

Learn how to use and integrate Google Web Fonts in this great tutorial by Joshua Johnson.

Read it

Create a Google-powered Login Form

Collective23_07

Learn how to build a one-click registration form powered by Google in this in-depth tutorial by Martin Angelov from Tutorialzine.

Read it

Piecon: Pie Charts in Your Favicon

Collective23_08

If you have always wanted to have a little pie chart as you website's favicon, then this tiny JavaScript library will help you with that. It dynamically generates pie charts in your favicons.

Get it

Typist jQuery Plugin

Collective23_10

Typist is a jQuery plugin by David Crawford that allows you to create animated typed text.

Check it out

BinaryJS: Binary Data for the Web

If you want to stream binary data to JavaScript then you'll find this framework useful: BinaryJS is a lightweight framework that utilizes websockets to send, stream, and pipe binary data bidirectionally between browser JavaScript and Node.js.

Try it

Kartograph: Beautiful, Interactive Vector Maps

Collective23_14

Kartograph is a simple and lightweight framework for creating beautiful, interactive vector maps. The client-side library kartograph.js renders pre-generated maps stored in SVG files. You can chose among hundreds of ready-to-use maps or simply generate your own using kartograph.py, the open source Python SVG map generator. Developed by Gregor Aisch.

Try it

Cocoa Controls: Custom UI Controls for iOS and Mac OS X

Collective23_13

If you have creates iOS apps, you know how laborsome the creation of controls can be. On Cocoa Controls you can now spare time and effort by finding the control you need. You can also submit yours and sellit/share it.

Check it out

Sidetap Mobile Framework

Collective23_16

Sidetap is a simple framework that allows you to quickly build platform-independent mobile web interfaces.

Try it

Free Font: Benthem

Collective23_21

An absolutely gorgeous typeface designed by Keith Hayden. Comes in regular and bold.

Get it

Gridster.js: Drag-and-drop Multi-column Grids

Collective23_17

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns.

Check it out

Mahatma Gantti: A simple PHP Gantt Class

Collective23_01

If you ever used Gantt charts for displaying time extensions of activities then you'll definitely find this class very useful. Data is defined as an associative array and you have several options that will simplify your chart creating process.

Try it

10 Free Backgrounds

Collective23_19

Another great freebie by Matt Gentile: 10 beautiful backgrounds of 1600x1200 pixels size and in JPEG format.

Get them

Free Font: Dayang Senandung

Collective23_20

An elegant retro serif font by Cenz Qobbal.

Get it

Wirefy: A Tool for Rapid Responsive Wireframing

Wirefy is a collection of CSS and JavaScript files to help you rapidly experiment with responsive wireframes.

Read it

Free Font (Vector): Che's Bone

Collective23_22

An exquisite custom font made for the love of a dog. A truly unique typeface by Filiz Sahin.

Get it

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.