Skip to content

Commit

Permalink
Merge pull request passy#136 from omriBernstein/master
Browse files Browse the repository at this point in the history
docs(readme): including dependencies in HTML
  • Loading branch information
passy committed Nov 8, 2015
2 parents 6c37228 + 484f62f commit 92a77c9
Showing 1 changed file with 44 additions and 4 deletions.
48 changes: 44 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,51 @@ An [AngularJS](http://angularjs.org/) directive to work with David Desandro's [M
## Usage

1. Install via either [bower](http://bower.io/) or [npm](https://www.npmjs.com/):
1a. `bower install --save angular-masonry`
1b. `npm install --save angular-masonry`
1. `bower install --save angular-masonry`
2. `npm install --save angular-masonry`
2. Add `wu.masonry` to your application's module dependencies.
2. Include dependencies in your HTML.
3. Use the `masonry` directive.
3. Include dependencies in your HTML.
1. When using bower:

```html
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/jquery-bridget/jquery.bridget.js"></script>
<script src="bower_components/get-style-property/get-style-property.js"></script>
<script src="bower_components/get-size/get-size.js"></script>
<script src="bower_components/eventEmitter/EventEmitter.js"></script>
<script src="bower_components/eventie/eventie.js"></script>
<script src="bower_components/doc-ready/doc-ready.js"></script>
<script src="bower_components/matches-selector/matches-selector.js"></script>
<script src="bower_components/fizzy-ui-utils/utils.js"></script>
<script src="bower_components/outlayer/item.js"></script>
<script src="bower_components/outlayer/outlayer.js"></script>
<script src="bower_components/masonry/masonry.js"></script>
<script src="bower_components/imagesloaded/imagesloaded.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-masonry/angular-masonry.js"></script>
```

2. When using npm:

```html
<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="node_modules/jquery-bridget/jquery.bridget.js"></script>
<script src="node_modules/desandro-get-style-property/get-style-property.js"></script>
<script src="node_modules/get-size/get-size.js"></script>
<script src="node_modules/wolfy87-eventemitter/EventEmitter.js"></script>
<script src="node_modules/eventie/eventie.js"></script>
<script src="node_modules/doc-ready/doc-ready.js"></script>
<script src="node_modules/desandro-matches-selector/matches-selector.js"></script>
<script src="node_modules/fizzy-ui-utils/utils.js"></script>
<script src="node_modules/outlayer/item.js"></script>
<script src="node_modules/outlayer/outlayer.js"></script>
<script src="node_modules/masonry-layout/masonry.js"></script>
<script src="node_modules/imagesloaded/imagesloaded.js"></script>
<script src="node_modules/angular/angular.js"></script>
<script src="node_modules/angular-masonry/angular-masonry.js"></script>
```

4. Use the `masonry` directive.

## Example

Expand Down

0 comments on commit 92a77c9

Please sign in to comment.