Denis Radin PixelsCommander

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	// Here is a proposal for minimalist JavaScript classes, humbly offered.

	// There are (at least) two different directions in which classes can be steered.
	// If we go for a wholly new semantics and implementation, then fancier classical
	// inheritance can be supported with parallel prototype chains for true inheritance
	// of properties at both the class and instance level.

	// If however, we keep current JavaScript prototype semantics, and add a form that
	// can desugar to ES3, things must necessarily stay simpler. This is the direction
	// I'm assuming here.

	var selector = 'img' // Replace this with the selector for the element you want to make transformable


	jQuery.getScript('//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js', function() {
	jQuery.getScript('//cdnjs.cloudflare.com/ajax/libs/numeric/1.2.6/numeric.min.js', function() {

	(function() {
	var $, applyTransform, getTransform, makeTransformable;

	$ = jQuery;