Instafeed.js

JavaScript

Webサイト内にInstagramの画像を表示できる「Instafeed.js」

Instafeed.jsはWebサイト内にInstagramの画像一覧を表示させることができます。自分の指定した好きなハッシュタグの画像を表示させたりできるのでとても便利ですね。オプションがかなり豊富なのでカスタマイズの自由度も高そうです。

Instafeed.js

Instafeed.js

オシャレなInstagramの画像を載せることでサイトが楽しい雰囲気になるのがいいですね。普通の写真を載せるだけじゃ物足りないという方は、Instagramの画像を表示させてみてはいかがでしょうか?

こんな感じで出力したいフィードをオプションを使って細かく設定していきます。

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'awesome',
        clientId: 'YOUR_CLIENT_ID'
    });
    feed.run();
</script>

Register • Instagram Developer Documentation

自分が指定したハッシュタグのInstagram画像を表示させたい時には、ぜひ覚えておきたいですね。

Solution for Long Drop Down Items長いメニューもスクロールで表示できる「Solution for Long Drop Down Items」前のページ

SVGのpathを使ったイメージスライダー「Animated SVG Image Slider」次のページAnimated SVG Image Slider

関連記事

  1. no-image

    JavaScript

    シンプルで軽量なスクロールアニメーション実装「animateMePlz」

    animateMePlzはシンプルで軽量なスクロールアニメーションを実…

  2. Slinky

    JavaScript

    モバイルライクなナビゲーションメニューを実装できる「Slinky」

    Slinkyは軽量でレスポンシブに対応したモバイルライクなナビゲーショ…

  3. jqueryIntroLoader
  4. busy-load

    JavaScript

    シンプルでフレキシブルなローディングマスクプラグイン「busy-load」

    busy-loadはシンプルでフレキシブルなローディングマスクを実装す…

  5. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

  6. roll.js

    JavaScript

    スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

    roll.jsはスクロールによるページネーション、進捗度、ポジションな…

最近の記事

  1. Anker PowerWave Pad Alloy
  2. Anker Bolder LC30
  3. BG-R10

アーカイブ

PAGE TOP