dry-stone-layout - Vaadin Add-on Directory
Masonry-like layout with no gaps
**[ This description is mirrored from README.md at [github.com/CaptainCodeman/dry-stone-layout](https://github.com//CaptainCodeman/dry-stone-layout/blob/v0.0.4/README.md) on 2019-05-22 ]**
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/CaptainCodeman/dry-stone-layout)
_[Demo and API docs](http://captaincodeman.github.io/dry-stone-layout/)_
# \
`dry-stone-layout` is a layout element that creates a masonry-like layout with no gaps
perfect for responsive image galleries. If you've ever seen dry-stone walls in the UK,
you'll understand the name.
![Example](demo/screenshot.png)
Based on these previous ideas:
* [Algorithm for a perfectly balanced photo gallery](https://medium.com/@jtreitz/the-algorithm-for-a-perfectly-balanced-photo-gallery-914c94a5d8af#.8qss863p6)
* [Google Plus image layout algorithm](http://blog.vjeux.com/2012/image/image-layout-algorithm-google-plus.html)
* [Packing images in a grid](http://fangel.github.io/packing-images-in-a-grid/)
```html
```
View on GitHubGitHub Homepage
Issue tracker
dry-stone-layout version 0.0.1
### Dependencies
* polymer#Polymer/polymer#^1.7.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.5
dry-stone-layout version 0.0.2
### Dependencies
* polymer#Polymer/polymer#^1.7.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.5
dry-stone-layout version 0.0.3
### Dependencies
* polymer#Polymer/polymer#^1.7.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.5
dry-stone-layout version 0.0.4
### Dependencies
* polymer#Polymer/polymer#^1.7.0
* iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.5