Collective #21 | Codrops

Middleman

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

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

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

Take a look

sketch.js: Boilerplate for JavaScript-based Coding Experiments

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

stickyMojo jQuery Plugin

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

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

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

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

Try it

Holder.js

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

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

Check it out

Real Time Multiplayer in HTML5

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

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

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

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

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

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

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

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

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

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

Try it

Free Blurred Backgrounds

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