Collective #32

View All

Tutorials * Free Fonts * Instagram Search * Social Icons Font * Free Invoice Creator * PSDs * CSS Shapes and Paintings

Collective 32
Sign up for our newsletter

Inspirational Website of the Week

Collective32_01

Typecode is a really nice mix of clean design and surprising effects. The typography is super-clean and the navigation is very interesting.

Get inspired

Free Font: COCO

Collective32_21

A free and beautiful fashion typefamily by Hendrick Rolandez.

Get it

Wordcam: Instagram Image Search by Location

Collective32_06

With Worldcam you can easily find the latest Instagram photos from around the world, just add the location and a keyword. The site is built using the APIs from Instagram, Foursquare, Geonames and Geoplugin.

Try it

Free Invoice Creator by Paydirt

Collective32_03

Make an invoice to save, print, or download as a PDF – totally free, from the folks at Paydirt, the modern time tracking and invoicing app for freelancers and small teams.

Try it
Advertisement

Pictonic Free Social Icons Font

Collective32_19

Pictonic is a great place to create custom icon fonts for your projects. Check out this free social icon font pack with 230 super-useful icons.

Get it

Create a Cool Website with Fancy Scrolling Effects

Collective32_16

Chris Spooner will show you how to use a couple of readily available jQuery plugins to quickly put together a cool little single page website, complete with fancy but light-weight scrolling effects.

Read it

Google Maps UI Controls (PSD)

Collective32_08

A set of free Google maps UI controls by Premium Pixels that will come in handy for mocking up mapping in your next design project.

Get it

Allofthelights.js

Collective32_09

Allofthelights.js is a jQuery plugin by Pierre Vion. It will allow you to "turn off the light" and enjoy your videos.

Try it

Simple Social Icons Vol. 1 (PSD)

Collective32_10

A great freebie by Pixeden: a set of 22 social icons in vector mask layers in one practical PSD.

Get it

NodeCellar: Sample Application with Backbone.js, Twitter Bootstrap, Node.js, Express, and MongoDB

Collective32_11

Christophe Coenraets shares the client application that uses the previously built RESTful API. The Node Cellar application allows you to manage (retrieve, create, update, delete) the wines in a wine cellar database. The client application is built with Backbone.js and Twitter Bootstrap.

Check it out

Pure CSS Mona Lisa

Collective32_05

Jay Salvat made a fun experiment: he re-created the Mona Lisa painting using CSS box-shadows with the help of a PHP class that will automatize the "image to box-shadow" process.

Check it out

Todo List App in Wordpress

Collective32_07

Martin Angelov shows us how to create a really nice AJAX-ed to-do list application on the /todo URL of your WordPress site.

Read it

Interface Sketch: Free Sketch Templates

Collective32_12

Some really helpful, printable sketch templates for web, mobile and tablet.

Print it

Blue UI Kit (PSD)

Collective32_13

A pixel-perfect, blue UI kit by Matt Gentile for your next app design project.

Get it

A CSS Style Guide

A small, concise style guide for writing CSS that scales by Richard Powell. Learn about the rules, the reasoning and the sources.

Read it

TypeScript

Collective32_14

TypeScript is a new language developed by Microsoft for application-scale JavaScript development. It is a typed super-set of JavaScript that compiles to plain JavaScript.

Check it out

Multiple Columns Layout with CSS3

Collective32_15

A tutorial by Thoriq Firdaus on how to create a magazine-like multi-column layout with CSS3.

Read it

Free Wood Textures

Collective32_17

Get some high-resolution free wood textures for your next design project.

Get it

slideControl.js jQuery Plugin

Collective32_18

Nik Korablin built this jQuery plugin that allows you to easily make sliders for range inputs.

Get it

LazyMeter: Daily To-Do List

Collective32_20

A new approach for to-do lists: kiss your overwhelming to-do list goodbye, and start using the only to-do list you’ll finish every day.

Try it

Free Font: Moby

Collective32_22

A creative typeface by Floodfonts. Moby was created in 2002 by Felix Braden as a corporate and headline font for the Cologne based design bureau Glashaus.

Get it

Flowplayer Version 5

Collective32_04

Flowplayer has released a brand new version: Version 5.0.0 is raw HTML5 and CSS3, and Flash only simulates the native VIDEO tag. Designed for modern sites where speed and user experience matters.

Get it

CSS Image Shapes

Collective32_02

Some interesting experiments with shapes for images in CSS by Ana Tudor.

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.