Collective #21

View All

New Social Networks * Mockups * Useful jQuery Plugins * Slider * JS Framework * Free Icons * Free Font * EpicEditor

Collective 21
Sign up for our newsletter

Middleman

Collective21_01

Middleman is a static site generator based on Sinatra. Providing dozens of templating languages (Haml, Sass, Compass, Slim, CoffeeScript, and more). Makes minification, compression, cache busting, Yaml data (and more) an easy part of your development cycle.

Try it

Inspirational Website of the Week

Collective21_21

Joint London is our pick for this week's web design inspiration because of it's lightness, absolute coolness and intuitive, but novel navigation.

Get inspired

Infographic: The History of HTML5

Collective21_20

Wix shows a summary of the history of HTML5 in this colorful infographic.

Take a look

sketch.js: Boilerplate for JavaScript-based Coding Experiments

Collective21_02

This is a tiny (~5k) boilerplate for creating JavaScript-based creative coding experiments. It will make setting up Canvas or WebGL experiments a breeze.

Check it out
Advertisement

stickyMojo jQuery Plugin

Collective21_03

stickyMojo is a contained sticky sidebar jQuery plugin brought to you by MojoTech. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE.

Get it

ViniSketch Designer

Collective21_04

With ViniSketch you can build mobile web applications for multiple devices. The framework is currently compatible with iOS 3+ and Android 2.1+.

Check it out

Infinite-social-wall

Collective21_05

Infinite-social-wall by Philip Bjorge is an isotope-powered social stream based on RSS feeds with a MySQL backend. While it supports the most popular social networks, any RSS feed can be used and displayed.

Try it

Fluid: Mobile Mockups

Collective21_06

Create, test and share mobile designs with this feature-rich and easy to use, online mobile mock up builder.

Try it

Holder.js

Collective21_07

Holder by Ivan Malopinsky renders image placeholders entirely on the client side. It works both, online and offline, and offers a chainable API to style and create placeholders with ease.

Get it

Backbone.js: Hacker's Guide

Alex Young gives us a great guided tour through Backbone's source from a more technical perspective. Dive in and learn how it works.

Read it

FrameWarp jQuery Plugin

Collective21_08

A very useful plugin that will help you display iframes in a nice overlay-like fashion.

Check it out

Real Time Multiplayer in HTML5

Collective21_09

If you are interested in online game development, you will love this article that will give you some great insight and example of the world of real time multiplayer.

Read it

Visual.ly Launches Social Network for Data Visualization

Collective21_10

Visual.ly launches the world's first social network for data visualization. Being part of the Visual.ly community just got better: Visual.ly now improved profiles for members, with real time activity feed and aggregated metrics about the infographics one has shared.

Check it out

iosSlider – Touch Enabled jQuery Horizontal Slider Plugin

Collective21_11

iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery. It has many useful features and is licensed under the Creative Commons – Attribution-NonCommercial 3.0 License.

Get it

Enyo JavaScript Application Framework

Collective21_12

Enyo 2 is now out of beta and this truly cross-platform and free framework will make complex app development simple and easy to maintain.

Try it

iconmonstr Free Icons

Collective21_13

iconmonstr will give you beautiful free and simple icons for your next project. You can search by keywords and download the PNG and SVG file for free.

Check it out

gist.io: Writing for Hackers

Idan Gazit shows us the new way of writing with those purposes that just don't fit for Twitter, Tumblr or pastebins: Use a public gist on Github and view/share it at gist.io.

Try it

Underscore Log

Underscore Log offers advanced cross-browser JavaScript logging together with Firebug Lite. It standardizes the way you write code and the way the logs are displayed in your browser.

Check it out

EpicEditor: Markdown Editor

Collective21_14

Who needs WYSIWYG editors anymore? EpicEditor (beta) is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it.

Try it

Muxi: Professional Social Network

Collective21_15

Composed of 40 fraternities, Muxi offers its users a platform where they can share their experience, ask questions, find colleagues and more generally connect with people doing the same job.

Check it out

Chrome Web Lab

Collective21_16

See the magic of the web brought to life through 5 Chrome Experiments. Make music with people across the world with Universal Orchestra or travel to far away places with the Teleporter.

Dive in

Free Font: Balls Family

Collective21_17

Balls (yes, Balls) is another beautiful font experiment by Give Design realized with Nodebox. The font is created using a random combination of different dots.

Get it

termsfeed: Terms of Service Generator

Collective21_18

Generate your ToS and privacy policy with this free online generator.

Try it

Free Blurred Backgrounds

Collective21_19

A great pack of high-resolution blurred backgrounds for your next project by Timothy Whalin.

Get them

Some things beginners might not know about Sublime Text

Alain Meier has compiled a super-useful list of basic things about Sublime Text that will save your time.

Read 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.