2020年6月21日日曜日

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

https://blog.8bit.co.jp/?p=15208
シェアしました。

コンテンツを魅力的に演出できる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サービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。
Web制作に関するご相談はお気軽にどうぞ
弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。

0 コメント:

コメントを投稿