{"id":16968506,"url":"https://github.com/squallstar/brick-lane","last_synced_at":"2026-02-15T21:04:30.453Z","repository":{"id":21330120,"uuid":"24646885","full_name":"squallstar/brick-lane","owner":"squallstar","description":"The Masonry alternative. Lightweight Cascading grid layout library","archived":false,"fork":false,"pushed_at":"2017-12-21T17:31:37.000Z","size":95,"stargazers_count":9,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-27T19:12:51.021Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://squallstar.github.io/brick-lane","language":"JavaScript","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/squallstar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-09-30T16:55:42.000Z","updated_at":"2023-08-30T13:45:54.000Z","dependencies_parsed_at":"2022-08-20T18:50:19.642Z","dependency_job_id":null,"html_url":"https://github.com/squallstar/brick-lane","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/squallstar/brick-lane","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/squallstar%2Fbrick-lane","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/squallstar%2Fbrick-lane/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/squallstar%2Fbrick-lane/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/squallstar%2Fbrick-lane/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/squallstar","download_url":"https://codeload.github.com/squallstar/brick-lane/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/squallstar%2Fbrick-lane/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29489363,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-15T19:29:10.908Z","status":"ssl_error","status_checked_at":"2026-02-15T19:29:10.419Z","response_time":118,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2024-10-14T00:12:18.356Z","updated_at":"2026-02-15T21:04:30.436Z","avatar_url":"https://github.com/squallstar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Brick Lane\n\n_Lightweight Cascading grid layout library_\n\nBrick Lane is a jQuery plugin to place elements in optimal position based on available vertical space, like fitting bricks in a wall.\n\nThe project is trying to create a lightweight, scalable version of the famous **Masonry** plugin.\n\n---\n\n## Usage\n\nFirst, include the **Brick Lane** plugin right after **jQuery** to get started.\n\n+ [jquery.brick-lane.min.js](https://github.com/squallstar/brick-lane/blob/master/src/jquery.brick-lane.min.js)\n\nThen, simply as\n\n```javascript\n$('.mycontainer').brickLane();\n```\n   \nWhere you container has a structure similar to:\n\n```html\n\u003cdiv class=\"mycontainer\"\u003e\n\t\u003cdiv class=\"item\"\u003e1\u003c/div\u003e\n\t\u003cdiv class=\"item\"\u003e2\u003c/div\u003e\n\t\u003cdiv class=\"item\"\u003e3\u003c/div\u003e\n\t\u003cdiv class=\"some-other-item\"\u003e4\u003c/div\u003e\n\u003c/div\u003e\n```\n\n---\n\n## Options\n\n### ``columnWidth``\n\nBy default, **Brick Lane** will use the width of your first element as **column size**.\n\nIf you wish to adjust the column size, you can pass the ``columnWidth`` option to the plugin as a ``number`` or a ``function`` that should return a number:\n\t\n```javascript\n// As a number\n$('.mycontainer').brickLane({\n    columnWidth: 350\n});\n\n// Or as a function\n$('.mycontainer').brickLane({\n    columnWidth: function(){\n    \treturn 350;\n    }\n});\n```\n\n---\n\n### ``itemSelector``\n\nBy default, **Brick Lane** will use the ``first level children`` as initial items to be added to the instance. You can amend the behaviour by passing a **jQuery selector** as ``itemSelector`` option:\n\t\n```javascript\n$('.mycontainer').brickLane({\n    itemSelector: 'article'\n});\n```\n\n---\n\n### ``isResizeBound``\n\nBinds layout to window resizing (defaults to true)\n\t\n```javascript\n$('.mycontainer').brickLane({\n    isResizeBound: false\n});\n```\n\n---\n\n## Methods\n\nYou can access the instance anytime by calling it like:\n\n```javascript\n$('.mycontainer').brickLane();\n```\n\nMethods can be called by passing the method name as first argument, following parameters after that. Please check the methods here below.\n\n### append (element)\n\nAppends and lay outs the given element to the instance.\n\n```javascript\nvar newEl = $('.some-article');\n\n$('.mycontainer').brickLane('append', newEl);\n```\n\n---\n\n### appended (element)\n\nIf you have your own way (perhaps a framework) to add elements to the DOM, you can just tell the plugin to lay out the item by using the ``appended`` method instead.\n\n```javascript\nvar newEl = $('.some-article');\n\n$('.mycontainer').append(newEl);\n\n$('.mycontainer').brickLane('appended', newEl);\n```\n\n---\n\n### layout\n\nForce the layout of all elements.\n\n```javascript\n$('.mycontainer').brickLane('layout');\n```\n\n---\n\n### destroy\n\nDestroys the instance and reposition all items like they were before.\n\n```javascript\n$('.mycontainer').brickLane('destroy');\n```\n\n---\n\n##License\n\n```\n\"THE BEER-WARE LICENSE\" (Revision 42):\nYou can do whatever you want with this stuff.\nIf we meet some day, and you think this stuff is worth it, you can buy me a beer in return.\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsquallstar%2Fbrick-lane","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsquallstar%2Fbrick-lane","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsquallstar%2Fbrick-lane/lists"}