R1 - "Mom"

Click and hold to drag me around. Mom wont let me leave this box.
:(

R2 - "Dad"

Click and hold to drag me around. Dad wont let me leave the X axis.
:(

Dad said no.

R3 - QUICK DRAG THE BOX!!

Go ahead and drag. But you only have 10 seconds! After you let go you will no longer be able to drag.
:(

R2 - Droppable

L1

This one only need L1 to touch
it to be considered dropped.

R1

L2

This one needs L2 to be
dropped inside!

R2


R5 - Create a resizeable article element with ghost option enabled

Resizable





R6 - Demonstrate containment, minheight, minWidth on a nav element within a section element


R7 - If one div is resized then the other three are also resized

BOX1
BOX2
BOX3
BOX4


R8 - Use selectable methong along with filter option to ensure only the first and last elements of the list are selectable.

  1. First
  2. Second
  3. Third
  4. Fourth
  5. Fifth
  6. Sixth
  7. Last

R9 - Use the sortable method and the placeholder option to make the list sortable. Meaning the user can rearrange the items.

  1. First
  2. Second
  3. Third
  4. Fourth
  5. Fifth
  6. Sixth
  7. Last