{"id":15622052,"url":"https://github.com/ksylvest/jquery-gridly","last_synced_at":"2025-04-08T09:07:18.640Z","repository":{"id":8960637,"uuid":"10700071","full_name":"ksylvest/jquery-gridly","owner":"ksylvest","description":"Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grid.","archived":false,"fork":false,"pushed_at":"2023-03-16T05:40:13.000Z","size":465,"stargazers_count":852,"open_issues_count":20,"forks_count":260,"subscribers_count":55,"default_branch":"master","last_synced_at":"2025-04-01T08:30:27.370Z","etag":null,"topics":["jquery"],"latest_commit_sha":null,"homepage":"http://ksylvest.github.io/jquery-gridly/","language":"CoffeeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ksylvest.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2013-06-15T00:07:50.000Z","updated_at":"2025-02-25T02:53:40.000Z","dependencies_parsed_at":"2024-01-18T19:11:40.000Z","dependency_job_id":null,"html_url":"https://github.com/ksylvest/jquery-gridly","commit_stats":{"total_commits":99,"total_committers":8,"mean_commits":12.375,"dds":"0.12121212121212122","last_synced_commit":"65d1e4bfdc3f16cd837710d8b631b91c4db01ddc"},"previous_names":[],"tags_count":30,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ksylvest%2Fjquery-gridly","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ksylvest%2Fjquery-gridly/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ksylvest%2Fjquery-gridly/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ksylvest%2Fjquery-gridly/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ksylvest","download_url":"https://codeload.github.com/ksylvest/jquery-gridly/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247809962,"owners_count":20999816,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jquery"],"created_at":"2024-10-03T09:52:46.199Z","updated_at":"2025-04-08T09:07:18.614Z","avatar_url":"https://github.com/ksylvest.png","language":"CoffeeScript","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# jQuery Gridly\n\nGridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grid.\n\n## Installation\n\nTo install copy the *javascripts* and *stylesheets* directories into your project and add the following snippet to the header:\n\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n    \u003cscript src=\"javascripts/jquery.gridly.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n    \u003clink href=\"stylesheets/jquery.gridly.css\" rel=\"stylesheet\" type=\"text/css\" /\u003e\n\nThis plugin is also registered under http://bower.io/ to simplify integration. Try:\n\n    npm install -g bower\n    bower install gridly\n\nLastly this plugin is registered as a https://rails-assets.org/ to simplify integration with Ruby on Rails applications:\n\n**Gemfile**\n\n    + source 'https://rails-assets.org'\n    ...\n    + gem 'rails-assets-gridly'\n\n**application.css**\n\n    /*\n     ...\n     *= require gridly\n     ...\n    */\n\n**application.js**\n\n    //= require jquery\n    ...\n    //= require gridly\n\n## Examples\n\nSetting up a gridly is easy. The following snippet is a good start:\n\n    \u003cstyle\u003e\n      .brick.small {\n        width: 140px;\n        height: 140px;\n      }\n\n      .brick.large {\n        width: 300px;\n        height: 300px;\n      }\n    \u003c/style\u003e\n\n    \u003cdiv class=\"gridly\"\u003e\n      \u003cdiv class=\"brick small\"\u003e\u003c/div\u003e\n      \u003cdiv class=\"brick small\"\u003e\u003c/div\u003e\n      \u003cdiv class=\"brick large\"\u003e\u003c/div\u003e\n      \u003cdiv class=\"brick small\"\u003e\u003c/div\u003e\n      \u003cdiv class=\"brick small\"\u003e\u003c/div\u003e\n      \u003cdiv class=\"brick large\"\u003e\u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003cscript\u003e\n      $('.gridly').gridly();\n    \u003c/script\u003e\n\n## Configuration\n\nGridly uses a fairly standard pattern for handling grids and offers three configuration options for sizing: *base*, *gutter* and *columns*:\n\n    $('.gridly').gridly({\n      base: 60, // px \n      gutter: 20, // px\n      columns: 12\n    });\n\nWhen using the drag and drop sorting callbacks can be passed in when initializing:\n\n    var reordering = function($elements) {\n      // Called before the drag and drop starts with the elements in their starting position.\n    };\n\n    var reordered = function($elements) {\n      // Called after the drag and drop ends with the elements in their ending position.\n    };\n\n    $('.gridly').gridly({\n      callbacks: { reordering: reordering , reordered: reordered }\n    });\n\n\n    $('.gridly').gridly('draggable', 'off'); // disables dragging\n    $('.gridly').gridly('draggable', 'on);  // enables dragging\n\n## Contributing\n\nGridly is maintained in `CoffeeScript`. All contributions need to be submitted in `CoffeeScript`. The project includes a `Cakefile` that can be used to compile all assets (see: `cake watch`). For more information about `CoffeeScript` see:\n\n - http://coffeescript.org/\n - http://arcturo.github.io/library/coffeescript/\n\n## Status\n\n[![Status](https://travis-ci.org/ksylvest/jquery-gridly.png)](https://travis-ci.org/ksylvest/jquery-gridly)\n\n## Copyright\n\nCopyright (c) 2013 - 2015 Kevin Sylvestre. See LICENSE for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fksylvest%2Fjquery-gridly","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fksylvest%2Fjquery-gridly","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fksylvest%2Fjquery-gridly/lists"}