background preloader

JS

Facebook Twitter

Modernizr. jQuery: The Write Less, Do More, JavaScript Library. Closure Tools - Google Code. The Closure Tools project is an effort by Google engineers to open source the tools used in many of Google's sites and web applications for use by the wider Web development community. Web applications have evolved from simple HTML pages into rich, interactive applications that provide a great user experience. Today's web apps pose a challenge for developers, however: how do you create and maintain efficient JavaScript code that downloads quickly and works across different browsers?

The Closure tools help developers to build rich web applications with web development tools that are both powerful and efficient. The Closure tools include: A JavaScript optimizer The Closure Compiler compiles JavaScript into compact, high-performance code. A comprehensive JavaScript library The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. The Closure Library is server-agnostic, and is intended for use with the Closure Compiler.

An enhanced stylesheet language. ScaleRaphaël. ScaleRaphaël is a small piece of javascript code that will enable you to change the size of your Raphaël paper during runtime. Dependencies Raphaël Download scale.raphael.js Examples: Fill the window - no clipping Fill the window - with clipping Fill the window - with animation Usage ScaleRaphaël wraps the Raphaël constructor.

Var paper = new ScaleRaphael("container", 800, 600); To scale the entire paper by a percentage value you can use scaleAll() function. // scale everything 200% paper.scaleAll(2); The main purpose of ScaleRaphaël is to scale the paper up to the size of the browser window. Paper.changeSize(windowWidth=number, windowHeight=number [,center=true, clipping=false]) The changeSize() function will always maintain the original aspect ratio defined in the constructor. Function resizePaper(){ var win = $(this); paper.changeSize(win.width(), win.height(), true, false); } resizePaper(); $(window).resize(resizePaper); Please Note. Raphaël—JavaScript Library. jCanvaScript. K3D - 3D rendering in HTML5 Canvas and JavaScript. The K3D engine ("Kevs 3D", no relation to the k-3d library of similar name) written entirely in JavaScript and HTML5 canvas. All 3D maths is hand cranked and rendering performed using the nifty Canvas APIs - no plugins or extensions required.

The code for the simple-but-fast 3D pipeline was originally written in C/C++ back in the coding dark-ages of 1996, converted to a very-nifty-for-the-time-thanks Java 1.0 Applet in 1998 (the first 3D in Java that I know of! And well before the Java3D APIs existed) and recently converted to modern JavaScript and HTML5 Canvas. Runs on Chome, Firefox, Safari, Opera and IE9 browsers. Chrome is the fastest! Objects can be displayed as points, wireframe, solid polygons, textured polygons and shaded using plain colour, depthcued (z-order) or light-sourced - things can be rotated around and moved about to make cool demos.

Processing.js.