{"id":8172,"date":"2015-11-29T03:49:17","date_gmt":"2015-11-29T03:49:17","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2015\/11\/29\/desandro-masonry\/"},"modified":"2022-08-30T15:02:58","modified_gmt":"2022-08-30T15:02:58","slug":"desandro-masonry","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2015\/11\/29\/desandro-masonry\/","title":{"rendered":"desandro\/masonry"},"content":{"rendered":"<p><em>Cascading grid layout library<\/em><\/p>\n<p>Masonry works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You\u2019ve probably seen it in use all over the Internet.<\/p>\n<p>For complete docs and demos, see masonry.desandro.com or masonryjs.com if you\u2019re lazy.<\/p>\n<h2>Install<\/h2>\n<p>A packaged source file includes everything you need to use Masonry.<\/p>\n<ul>\n<li>masonry.pkgd.min.js<\/li>\n<li>masonry.pkgd.js<\/li>\n<\/ul>\n<p>Or, if you\u2019re cool with the command line\u2026<\/p>\n<p>Install with Bower: <code>bower install masonry<\/code><\/p>\n<p>Install with npm <code>npm install masonry-layout<\/code><\/p>\n<h2>Initialize<\/h2>\n<h3>In JavaScript<\/h3>\n<pre><code>var container = document.querySelector('#container');\nvar msnry = new Masonry( container, {\n  \/\/ options...\n  itemSelector: '.item',\n  columnWidth: 200\n});\n<\/code><\/pre>\n<h3>In HTML<\/h3>\n<p>Add a class of <code>js-masonry<\/code> to your element. Options can be set in JSON in <code>data-masonry-options<\/code>.<\/p>\n<pre><code>\n  \n  \n  ...\n\n<\/code><\/pre>\n<h2>License<\/h2>\n<p>Masonry is released under the MIT license. Have at it.<\/p>\n<p>Copyright :copyright: 2015 David DeSandro<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cascading grid layout library Masonry works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You\u2019ve probably seen it in use all over the Internet. For complete docs and demos, see masonry.desandro.com or masonryjs.com if you\u2019re lazy. Install A packaged source file includes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8172","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/8172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=8172"}],"version-history":[{"count":1,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/8172\/revisions"}],"predecessor-version":[{"id":8560,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/8172\/revisions\/8560"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=8172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=8172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=8172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}