Collective #23 | Codrops

Inspirational Website of the Week

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

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

Get them

Upverter: Build Electronics Socially

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

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

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

Get it

gauge.js: Animated JavaScript/CoffeeScript Gauge

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

Check it out

Free iPhone Mockup (PSD)

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

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

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

Read it

Create a Google-powered Login Form

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

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

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

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

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

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

Try it

Free Font: Benthem

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

Get it

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

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

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