diff options
| author | 2021-02-03 19:17:00 -0500 | |
|---|---|---|
| committer | 2021-02-03 19:17:00 -0500 | |
| commit | 3a0d66f07b112b6d2bdc2b57bbf717a89a351ce6 (patch) | |
| tree | a7cf56282e54f05785243bc1e903d6594f2c06ba /npm_assets/node_modules/justified-layout/README.md | |
| parent | 787b97a4cb24330b36f11297c6d3a7a473a907d0 (diff) | |
New upstream version 8.1.2.upstream/8.1.2
Diffstat (limited to 'npm_assets/node_modules/justified-layout/README.md')
| -rw-r--r-- | npm_assets/node_modules/justified-layout/README.md | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/npm_assets/node_modules/justified-layout/README.md b/npm_assets/node_modules/justified-layout/README.md new file mode 100644 index 0000000..67671f2 --- /dev/null +++ b/npm_assets/node_modules/justified-layout/README.md @@ -0,0 +1,66 @@ +# Flickr's Justified Layout + +[](https://travis-ci.org/flickr/justified-layout) [](https://coveralls.io/github/flickr/justified-layout?branch=master) + +Pass in box sizes and get back sizes and coordinates for a nice justified layout like that seen all +over Flickr. The <a href="https://www.flickr.com/explore">explore page</a> is a great example. Here's +another example using the `fullWidthBreakoutRowCadence` option on Flickr's +<a href="https://www.flickr.com/photos/dataichi/albums/72157650151574962">album page</a>. + +It converts this: + +```js +[0.5, 1.5, 1, 1.8, 0.4, 0.7, 0.9, 1.1, 1.7, 2, 2.1] +``` + +Into this: + +```js +{ + "containerHeight": 1269, + "widowCount": 0, + "boxes": [ + { + "aspectRatio": 0.5, + "top": 10, + "width": 170, + "height": 340, + "left": 10 + }, + { + "aspectRatio": 1.5, + "top": 10, + "width": 510, + "height": 340, + "left": 190 + }, + ... + ] +} +``` + +Which gives you everything you need to make something like this: + + + + +## Install + +`npm install justified-layout` + + +## Easy Usage + +```js +var layoutGeometry = require('justified-layout')([1.33, 1, 0.65] [, config]) +``` + + +## Full Documentation and Examples + +Find it here: http://flickr.github.io/justified-layout/ + + +## License + +Open Source Licensed under the MIT license.
\ No newline at end of file |
