コンテンツを魅力的に演出できるjQueryプラグインのまとめ

  • はてブ

こんにちは、工藤です。

今回は背景を魅力的に見せてくれるjsについてまとめてみました。

covervid

1covervid
サイトへ  github

背景いっぱいに動画を表示してくれるプラグインです。
動画を使用するのにすごく軽量なところが魅力的です。



particles.js

2particles
サイトへ  github

幾何学模様を背景に表示してくれるプラグインです。
マウスの動きに合わせて幾何学模様が動いてくれてちょっと楽しいです。
模様の点の数や動きの等もカスタマイズが可能です。



StickyStack

3StickyStack
サイトへ  github

レイヤーのように、スクロールをしたらセクションが上に重なっていくプラグインです。
ちょっと何かを説明するような資料チックなサイトに使えそうです。


style="display:block"
data-ad-client="ca-pub-4667789978705365"
data-ad-slot="9480048027"
data-ad-format="auto">


SHARDS

4SHARDS
サイトへ  github

複数のグラデーションが重なり合う背景を作成できるプラグインです。
ページを更新すると形がランダムで変化するのが面白いです。



rainyday.js

5rainyday
サイトへ  DEMO  github

なんと指定した箇所に雨を降らせる事ができるプラグインです。
デモをご確認いただくとわかるのですが水滴がすごくリアルに表現されています。
canvasで描写している用ですがこんなことができるんですね。



multiScroll.js

7multiScroll
サイトへ  github

スクロールをすると左右に分割されたコンテンツが上下から現れます。
ちょっと変わったパララックス表現をしたい時にぴったりですね。




工藤

執筆者: 工藤

日々勉強中です。どうぞよろしくお願いします。

株式会社8bit (エイトビット)

東京都渋谷区でWebサイト制作、Webシステム開発などを行っております。
キャンペーンサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

制作に関するご相談はお気軽にどうぞ

コンペ参加や相談ベースでもご相談承っております。

お問い合わせ