https://github.com/mdb/polymer-instagram-feed
A Polymer custom element for displaying a user's Instagram feed.
https://github.com/mdb/polymer-instagram-feed
Last synced: about 1 year ago
JSON representation
A Polymer custom element for displaying a user's Instagram feed.
- Host: GitHub
- URL: https://github.com/mdb/polymer-instagram-feed
- Owner: mdb
- License: mit
- Created: 2014-04-18T01:51:17.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2014-04-18T15:16:48.000Z (about 12 years ago)
- Last Synced: 2025-03-25T17:49:32.182Z (about 1 year ago)
- Language: JavaScript
- Size: 141 KB
- Stars: 7
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# <instagram-feed>
A [Polymer](http://polymer-project.org) element for displaying an Instgram user's feed.
Somewhat inspired by Addy Osmani's [x-instagram](http://github.com/addyosmani/x-instagram), though a bit different for my needs.
## Usage
1. Import Web Components' polyfill:
```html
```
2. Import custom element:
```html
```
3. Using it:
```html
```
Additional attribute options:
- count: the number of Instagram images to display; defaults to 8
- imageSize: 'small', 'medium', or 'large'; the size of the Instagram image rendered; defaults to 'small'
```html
```
## Demo
Install dependencies:
Install [Node.js](http://nodejs.org/download/)
Install [Grunt](http://gruntjs.com/):
```sh
$ npm install -g grunt-cli
```
Install Node dependencies:
```sh
$ npm install
```
Install bower dependencies:
```sh
$ bower install
```
Run a local server:
```sh
$ grunt connect
```
Edit the `` element in `index.html`; provide real `userId` and`accessToken` attribute
values. See [Instagram developer documentation](http://instagram.com/developer/) for more info.
Visit `http://localhost:8000` in your web browser.
## License
[MIT License](http://opensource.org/licenses/MIT)