jQuery Gridly - Dragging and dropping as well as resizing on a grids

Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grids.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: ksylvest.github.io

1. INCLUDE JS AND CSS FILES

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script>
<script src="javascript/jquery.gridly.js" type="text/javascript"></script>
<link href="stylesheets/jquery.gridly.css" rel="stylesheet" type="text/css" />

2. HTML

<div class="gridly">
  <div class="brick small"></div>
  <div class="brick small"></div>
  <div class="brick large"></div>
  <div class="brick small"></div>
  <div class="brick small"></div>
  <div class="brick large"></div>
</div>

3. JAVASCRIPT

$('.gridly').gridly({
    base: 60, // px 
    gutter: 20, // px
    columns: 12
});

4. CSS

.gridly {
    position: relative;
    width: 960px;
  }
  .brick.small {
    width: 140px;
    height: 140px;
  }
  .brick.large {
    width: 300px;
    height: 300px;
  }