added session 75 and changed about
This commit is contained in:
parent
67d2a1ed53
commit
44d1d89fa5
184 changed files with 57277 additions and 51455 deletions
84
_site/bower_components/masonry-layout/README.md
vendored
Normal file
84
_site/bower_components/masonry-layout/README.md
vendored
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
# Masonry
|
||||
|
||||
_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’ve probably seen it in use all over the Internet.
|
||||
|
||||
See [masonry.desandro.com](https://masonry.desandro.com) for complete docs and demos.
|
||||
|
||||
## Install
|
||||
|
||||
### Download
|
||||
|
||||
+ [masonry.pkgd.js](https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js) un-minified, or
|
||||
+ [masonry.pkgd.min.js](https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js) minified
|
||||
|
||||
### CDN
|
||||
|
||||
Link directly to Masonry files on [unpkg](https://unpkg.com/).
|
||||
|
||||
``` html
|
||||
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js"></script>
|
||||
<!-- or -->
|
||||
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
|
||||
```
|
||||
|
||||
### Package managers
|
||||
|
||||
[npm](https://www.npmjs.com/package/masonry-layout): `npm install masonry-layout --save`
|
||||
|
||||
Bower: `bower install masonry-layout --save`
|
||||
|
||||
## Support Masonry development
|
||||
|
||||
Masonry has been actively maintained and improved upon for 8 years, with 900 GitHub issues closed. Please consider supporting its development by [purchasing a license for one of Metafizzy's commercial libraries](https://metafizzy.co).
|
||||
|
||||
## Initialize
|
||||
|
||||
With jQuery
|
||||
|
||||
``` js
|
||||
$('.grid').masonry({
|
||||
// options...
|
||||
itemSelector: '.grid-item',
|
||||
columnWidth: 200
|
||||
});
|
||||
```
|
||||
|
||||
With vanilla JavaScript
|
||||
|
||||
``` js
|
||||
// vanilla JS
|
||||
// init with element
|
||||
var grid = document.querySelector('.grid');
|
||||
var msnry = new Masonry( grid, {
|
||||
// options...
|
||||
itemSelector: '.grid-item',
|
||||
columnWidth: 200
|
||||
});
|
||||
|
||||
// init with selector
|
||||
var msnry = new Masonry( '.grid', {
|
||||
// options...
|
||||
});
|
||||
```
|
||||
|
||||
With HTML
|
||||
|
||||
Add a `data-masonry` attribute to your element. Options can be set in JSON in the value.
|
||||
|
||||
``` html
|
||||
<div class="grid" data-masonry='{ "itemSelector": ".grid-item", "columnWidth": 200 }'>
|
||||
<div class="grid-item"></div>
|
||||
<div class="grid-item"></div>
|
||||
...
|
||||
</div>
|
||||
```
|
||||
|
||||
## License
|
||||
|
||||
Masonry is released under the [MIT license](http://desandro.mit-license.org). Have at it.
|
||||
|
||||
* * *
|
||||
|
||||
Made by David DeSandro
|
||||
Loading…
Add table
Add a link
Reference in a new issue