Masonry Sample, with Sortable/Resizeable Boxes

Generated by: Tyler Boyd - 2010
Purpose: Showing masonry working with ui-sortable and ui-resizable
Use: Instructional
Notes: The order of this samples un-ordered list has EVERYTHING to do with how the boxes respond to resizing.

Masonry'd

  • 1 (50x50)
  • 2 (150x50)
  • 3 (50x50)
  • 4 (50x50)
  • 5 (50x50)
  • 6 (250x250)
  • 7 (50x50)
  • 8 (50x50)
  • 9 (50x50)
  • 10 (350x50)
  • 11 (275x50)
  • 12 (100x50)
  • 13 (50x300)
  • 14 (50x50)
  • 15 (50x50)
List:

Un-Masonry'd

  • 1 (50x50)
  • 2 (150x50)
  • 3 (50x50)
  • 4 (50x50)
  • 5 (50x50)
  • 6 (250x250)
  • 7 (50x50)
  • 8 (50x50)
  • 9 (50x50)
  • 10 (350x50)
  • 11 (275x50)
  • 12 (100x50)
  • 13 (50x300)
  • 14 (50x50)
  • 15 (50x50)
List: