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 inspiredFree Icon Set: Crisp
A pixel-perfect icon set with 108 icons in 3 different sizes by Matt Gentile.
Get themUpverter: 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 outJourney 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 itFree Wordpress Theme: Photographer
A clean and beautiful photography Wordpress theme perfect for exhibiting image-based works from Fearless Flyer.
Get itgauge.js: Animated JavaScript/CoffeeScript Gauge
Create 100% native and cool looking animated JavaScript/CoffeeScript gauges with this awesome script.
Check it outFree 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 itPrism: 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 outA 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 itCreate 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 itPiecon: 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 itTypist jQuery Plugin
Typist is a jQuery plugin by David Crawford that allows you to create animated typed text.
Check it outBinaryJS: 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 itKartograph: 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 itCocoa 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 outSidetap Mobile Framework
Sidetap is a simple framework that allows you to quickly build platform-independent mobile web interfaces.
Try itFree Font: Benthem
An absolutely gorgeous typeface designed by Keith Hayden. Comes in regular and bold.
Get itGridster.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 outMahatma 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 it10 Free Backgrounds
Another great freebie by Matt Gentile: 10 beautiful backgrounds of 1600x1200 pixels size and in JPEG format.
Get themFree Font: Dayang Senandung
An elegant retro serif font by Cenz Qobbal.
Get itWirefy: A Tool for Rapid Responsive Wireframing
Wirefy is a collection of CSS and JavaScript files to help you rapidly experiment with responsive wireframes.
Read itFree 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