Responsive Column Layouts

5 APIs that will transform the Web in 2013

CSS Custom Filters, Autocomplete API, Google Chrome Apps, ECMAScript 6 and Web Components are the APIs that will change the web in the coming year. Read what they are and why they rock in this overview by Alex McCaw.

SocialCount is a wonderful contribution by the Filament Group: finally a social plugin that tackles the most concerning issues of including social network buttons and widgets into your site. SocialCount can be easily customized, it works with mouse, touchscreen, or keyboard, it lazy-loads, it's super-small and more.

The WebGL Podcast

Walkabout.js: An automatic jQuery app tester

If you want to test your jQuery app, you'll definitely find this helpful: walkabout.js figures out what your application is paying attention to, and does it. It fills in fields with random values, finds events you listen for and fires those events. It also finds internal links and clicks them.

Responsive Email Templates

tabIndent.js

A Javascript object by Julian Lam that allows you to enhance a plain old textbox with "tab" behavior. It disables the default browser behavior (moving to the next input box), and enhances the existing textbox to capture the "tab" key and replicate behavior similar to that found in editors (inserting a tab character, indentation).

HTML5 Game: Pappu Pakia

Dropbox File Uploader With Twitter Bootstrap

A great tutorial by Martin Angelov on how to use the new DropBox feature, the Dropbox Chooser, in order to create an app that lets users attach a photo from their Dropbox account, crop an area with the Jcrop plugin, and download the result.

Fun with face detection, canvas and webcam video

Making 100,000 Stars

Remember 100,000 Stars, the Chrome experiment that is an interactive visualization of the stellar neighborhood and that we featured in Collective #38? Now you can dive into the making-of by Michael Chang on HTML5 Rocks. The project was built with THREE.js and CSS3D and you can learn about the discovery process and some great programming techniques.

Free Font: Bourbon

Clean Portfolio One Page PSD Template

Respond to change with Object.observe

Alex Danilo shows you how you can experiment with a new method called Object.observe() that has been proposed to TC39, the standards body overseeing development of ECMAScript (JavaScript). It aims to improve the performance of web applications and you can try it out now in Chrome Canary version 25.

How to record audio in Chrome with native HTML5 APIs

Emmet CSS snippets for Sublime Text 2

If you are writing you code with Sublime Text 2 and use Emmet but have trouble remembering all the property aliases, you'll love these ST2 snippets that will allow you to use Emmet CSS through autocomplete hints. It can also work with CSS, LESS, SCSS and Sass.