properties resizable

identifier
1. identifier is used to write down notes of animations, actions and anything we find important to make note of
    identifier is a visual reference
2. identifier also provides a quick overview of the function structure flow
STRUCTURE: function (e) { javascript before - selector - event (e,ui) - javascript after }

selector
target an object by id(#) or class(.) or element
the full range on selectors is beyond the scope of this manual
for an in depth on selectors simplified see here
•••• var: string

also resize | selector
the also resize | selector will also resize this object while on resize
•••• var: string

animation | enable & animation | duration
animation | enable will make a resizable animated (true or false)
animation | duration sets the animation speed
•••• var: non-string

animation | easing
easing effect will add non-linear movement to animation, movement like acceleration, bounce, elastic etc
     the full list of easing effects is:
     back-in, back-out, back-inout
     bounce-in, bounce-out, bounce-inout
     circ-in, circ-out, circ-inout
     cubic-in, cubic-out, cubic-inout
     elas-in, elas-out, elas-inout
     expo-in, expo-out, expo-inout
     quad-in, quad-out, quad-inout
     quart-in, quart-out, quart-inout
     quint-in, quint-out, quint-inout
     sine-in, sine-out, sine-inout
     swing, linear
     NOTE: for a reference on easing effect see here
•••• var: string

helper css
helper css will display an extra outline while on resize
the default class is   resdefault    create a custom helper css with the module    CoreUI resizable helper css   see here
•••• var: string

handle | enable
handle | enable will activate the side handles of the resizable object that we want to resize
the options are n,e,s,w,ne,nw,se,sw and all, these representing top,right,bottom etc
NOTE: if custom handles are created in the module   CoreUI resizable handle css   this property needs to be set to show the handles
•••• var: string

handle | auto hide
enable hide the resizable handle(s) on mouse-out
•••• var: non-string

grid
grid makes a resizable snap to a XY grid on resize
      NOTE: when constructed as a variable the X and Y must be dealt with as single items
      the variable can not be    var myGrid = 10,50   but must be   var gridX = 10   and a second   var gridY = 50
      this property is then constructed as   grid: gridX,gridY
•••• var: non-string

ghost
ghost will show a transparent clone of a resizable on resize
•••• var: non-string

aspect ratio
aspect ratio will make a resizable resize to a fixed ratio, input can be ie. 15 or 1.5 or .5 or true or false
•••• var: non-string

max height & max width
constrains the maximum height and width a resizable can resize to
•••• var: non-string

min height & min width
constrains the minimum height and width a resizable can resize to
•••• var: non-string

delay time & delay distance
delay time is the time the resizable will delay in milliseconds before executing it's action
delay distance is the distance the cursor will move in pixels before executing it's action

event | start   &   event | stop   &   event | resize
with these properties we can add a new function to our object on event
just as the callback function is beyond the scope of this manual, so is this property
for an in depth on callback see here
• fn: start/stop/resize: function (e,ui) { }
ui.element           = current resizable element (jquery object)
ui.helper            = current resizable helper (jquery object)
ui.originalElement   = current resizable element before wrapped (jquery object)
ui.originalPosition = current resizable position before resized (.left .top)
ui.originalSize      = current resizable dimension before resized (.width .height)
ui.position          = current resizable position (.left .top)
ui.size              = current resizable dimension (.width .height)

run on load
run on load enables or disables this module to run on page load

run on call
run on call is the function name we can give this current function
we can call this function to occur ie. by using a    callback | function
for an in depth on callback and run on call see here

code modification | variable
add function variables ie. Call_Res_1(myVariable)
this function is beyond the scope of this manual   see here

code modification | javascript | after
add javascript, further enhancing this function by adding custom code
this function is beyond the scope of this manual   see here

code modification | javascript | before
add javascript, further enhancing this function by adding custom code
this function is beyond the scope of this manual   see here