Draftfcb Dev Group Links

Responsive Workflow

A look at the new way planning, design, UX and development collaborate to build responsive websites.

http://viljamis.com/blog/2012/responsive-workflow/

responsive web design, workflow, ux, developer, best practices,

JavaScript Arduino Programming

http://weblog.bocoup.com/javascript-arduino-programming-with-nodejs/

2 notes

node.js, arduino, javascript, developer,

How to Build a Real-Time Commenting System

With Websockets, PHP and JavaScript

http://coding.smashingmagazine.com/2012/05/09/building-real-time-commenting-system/

websockets, php, javascript, realtime, tutorial, developer,

Curtain.js

jQuery plugin for building pages that reveal content with a curtain-like effect.

http://curtain.victorcoulon.fr/#intro

1 note

navigation, animation, developer, curtain,

jQuery Knobs

Create neat dial/knob UI elements.

http://anthonyterrien.com/knob/

1 note

jquery, plugin, knobs, ui, developer,

JavaScript Styleguides and Beautifiers

Great article on modern JS best practices and tools to help you.

http://addyosmani.com/blog/javascript-style-guides-and-beautifiers/

2 notes

javascript, best practices, tools, developer,

How To Speed Up CSS Rendering

Tricks for faster page display.

http://www.onextrapixel.com/2012/05/03/css-tricks-how-to-speed-up-css-rendering/

1 note

css, optimization, best practices, performance, developer,

Decoding jQuery: Callbacks

A close look at $.Callbacks

http://www.blog.highub.com/javascript/decoding-jquery-callbacks-object/

2 notes

jquery, developer, callbacks,

4 Ways To Do Pub/Sub in jQuery

PubSub is a powerful pattern for javascript app development, here are 4 ways to do it w/jQuery.

https://gist.github.com/1321768

2 notes

pubsub, jquery, tutorial, developer,

LiveReload

App watches files and applies changes to a live site in a browser without refresh.

http://livereload.com

tools, browser, refresh, workflow, developer,

Responsive Prototyping With Foundation

Foundation is a framework similar to Twitter Bootstrap. Article has a nice demo of how to use it to build a quick responsive prototype.

http://www.alistapart.com/articles/dive-into-responsive-prototyping-with-foundation/

demo, tutorial, responsive web design, framework, developer, prototyping, tool,

jQuery Plugin with Grunt and Qunit

A nice walkthrough of how to use Grunt and QUnit.

http://javascriptplayground.com/blog/2012/04/a-jquery-plugin-with-grunt-qunit

grunt, testing, developer, optimization, workflow, javascript,

Scrolldepth Tracking

With this jQuery plugin, you can add tracking for scrolling (baseline, 25%, 50%, 75%, full height)

http://robflaherty.github.com/jquery-scrolldepth/

jquery, plugin, tracking, analytics, scrolling, developer,

Decoupling HTML From CSS

Another look at emerging CSS best practices.

http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css/

css, best practices, html5, developer,

Modern Web Dev: Webkit Inspector

Great overview of how to use webkit inspector in your workflow.

http://jtaby.com/2012/04/23/modern-web-development-part-1.html

tools, developer, debug, tutorial,