javascript

Changes - Processing

Link:

http://wiki.processing.org/w/Changes

All the great things from Android have now been back-ported to the desktop version of Processing, so we have a super fast OpenGL library.

choose between "Standard", "Android", and "JavaScript" mode. Those are the current modes that are being included, though we may add/remove modes as we head to 2.0 (a Jython mode is lurking about, for instance. Mmmm! Tempting.) Like Tools and Libraries, it will be possible for other parties to write their own modes that work inside the PDE.

javascript

android

3d

Graphics

opensource

processing

John Resig - Redefining the Introduction to Computer Science

Link:

http://ejohn.org/blog/introducing-khan-cs/

The environment is built around a two-panel view: The left being an Ace editor and the right being a canvas.

All of the user’s code is written using JavaScript and uses Processing.js to generate all the graphics.

All code is executed in real-time. Not only is the code re-run but the code that you change is live dynamically injected into the runtime — this gives you the ability to change variables, colors, or even functions on the fly without the program ever restarting.

editor

cloud

tutorial

Graphics

Video

khanacademy

processing

education

javascript

Programming

AJAX Comments | drupal.org

Link:

http://drupal.org/project/ajax_comments

Provides ajax comments to Drupal sites. Features:
- Makes AJAX submits
- Allows replies to comments on the actual thread page
- AJAX comments deleting
- Works with CAPTCHA

ux

javascript

comments

ajax

drupaleasypodcast

D3.js - Data-Driven Documents

Link:

http://d3js.org/

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

processing

svg

battideas

data

visualization

javascript

Journey Through The JavaScript MVC Jungle | Smashing Coding

Link:

http://coding.smashingmagazine.com/2012/07/27/journey-through-the-javascript-mvc…

These modern frameworks provide developers an easy path to organizing their code using variations of a pattern known as MVC (Model-View-Controller). MVC separates the concerns in an application down into three parts

JavaScript ‘MVC’ frameworks that can help us structure our code don’t always strictly follow the above pattern. Some frameworks will include the responsibility of the Controller in the View (e.g Backbone.js) whilst others add their own opinionated components into the mix as they feel this is more effective.

ember

jquery

backbone

js

framework

mvc

javascript

Connecting Facebook with Drupal, the easy way: Part 2 | Grasmash

Link:

http://grasmash.com/article/connecting-facebook-drupal-easy-way-part-2?utm_sourc…

"The Facebook OAuth module provides an API for executing queries against Facebook's vast store of user data." How does this translate into user experience (UX)? In extreme layman's terms, Facebook Oauth allows you to create custom buttons that, when clicked, will 1) grab some good facebook data, and 2) let Drupal interact with it.

social_media

javascript

OAuth

Facebook

drupaleasypodcast

For Dave and David | Infrequently Noted

Link:

http://infrequently.org/2012/04/one-for-dave-and-david/

javascript

Breakout

Link:

http://breakoutjs.com/

Breakout is a prototyping tool for exploring the intersection of the web and the physical world. The popular Arduino platform and the Firmata protocol are leveraged to enable users to access physical input and output purely from javascript. This makes it easy for anyone familiar with javascript and basic web development to explore the possibilities of using physical I/O in their web applications.

javascript

arduino