Bi-Weekly Frontend News

Collective #23

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, 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

10 Free Backgrounds


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

Get them

Free Font: Dayang Senandung


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


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

Get it