Draftfcb Dev Group Links

Box2D-jQuery

Add physics to elements on a web page.
http://www.fullstackoptimization.com/box2d-jquery/

Source:
https://github.com/franzenzenhofer/box2d-jquery#readme

box2d, physics, animation, javascript, library, jquery,

5 APIs That Will Transform The Web in 2013

Over the next year, there are a number of technologies coming down the pipeline that have the potential to radically transform how we use and develop for the Web.

http://blog.alexmaccaw.com/the-next-web

3 notes

html5, javascript, api,

Implementing pushState on twitter.com

Info on optimizing ajax navigation

http://engineering.twitter.com/2012/12/implementing-pushstate-for-twittercom_7.html

javascript, navigation, bestpractices, history, pushState, twitter,

Creative Sandbox

http://www.creativesandbox.com/guidebook

1 note

inspiration, google, html5, javascript, animation, 3d,

The Carp and The Seagull

Interactive film built with Three.js and WebGL

http://thecarpandtheseagull.thecreatorsproject.com

inspiration, webgl, three.js, 3d, javascript, video, animation,

Watch.js

Simple implementation of the Observer pattern (pub/sub) in JS. Check out how it can work with jQuery:
https://github.com/melanke/Watch.JS#compatible-with-jquery

javascript, pubsub, observer, jquery,

Breakpoint

Great video series on front end web development by dev superstars Addy Osmani and Paul Irish. Episode 3 is about the latest in Dev Tools.

http://www.youtube.com/watch?feature=player_embedded&v=HijZNR6kc9A

1 note

video, javascript, html5,

Case-study: Jam With Chrome - How We Made The Audio Rock

A look at the super-awesome web-based musical project created by Google.

http://www.html5rocks.com/en/tutorials/casestudies/jamwithchrome-audio/

1 note

chrome, audio, html5, music, javascript, inspiration,

JavaScript Is The New Punk Rock

Inspiring presentation about the new Web Audio API.
http://www.youtube.com/watch?v=PN8Eg1K9xjE

And here’s a nice library for working with it
http://www.youtube.com/watch?v=PN8Eg1K9xjE

4 notes

javascript, audio, html5, api, music,

Greensock JavaScript Animation

Tutorial on how to use Greensock to make awesome animation (and also a great demo)

http://ahrengot.com/tutorials/greensock-javascript-animation/

javascript, animation, tools, tutorial, greensock,

WebPlatform.org

Adobe, Apple, Facebook, Google, HP, Microsoft, Mozilla, Nokia, Opera and the W3C teamed up to create an open resource for the web.

http://www.webplatform.org

1 note

documentation, html, css, javascript,

JS Minty Fresh

Great presentation on identifying and eliminating code smell. (In other words, how to write better code). Great stuff in here!

http://rmurphey.com/js-minty-fresh/presentation/#/

1 note

javascript, bestpractices, optimization,

noduino

JavaScript and Node.js Framework for accessing basic Arduino controls from Web Applications using HTML5, Socket.IO and Node.js.

http://semu.github.com/noduino/

1 note

node, node.js, arduino, websockets, javascript,

Paul Irish: Why I'm So Excited About Web Platform Docs

http://paulirish.com/2012/why-im-so-excited-about-web-platform-docs/

documentation, javascript, css, html5,

JavaScript Quizes

JavaScript Quiz: https://github.com/nathansmith/javascript-quiz#readme

JavaScript Scope Quiz: http://madebyknight.com/javascript-scope/

javascript, quiz,