【jQuery】スクロールで画像に3D効果を掛けられる「tiltedpage_scroll.js」
スクロールに合わせて画像が3DのようにクロスフェードするjQueryプラグイン「tiltedpage_scroll.js」のご紹介。画像の多いサイトやランディングページなどで効果的かも。
JavaScript
【JS】要素をモーダルウィンドウに変化させる「cta.js」
要素をクリックすると、要素ごとモーダルウィンドウ・アラート・サイドメニューなどに変化させることができるJavaScriptライブラリ「cta.js」をご紹介。
【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
ヘッダー要素にあるテキストやロゴをスクロールに合わせてセクションごとに切り替えることができるjQueryプラグイン「Midnight.js」を紹介します。
【jQuery】動画を背景にフルスクリーンで表示させる「covervid.js」
動画を背景にしたサイトも増えてきましたが、軽量で背景に動画をフルスクリーンで表示させるjQueryプラグイン「covervid.js」を紹介します。
【jQuery】ロールオーバー時にテキストをシャッフルさせる「chaffle.js」
テキストリンクのロールオーバー時にテキストをシャッフルさせるエフェクトを実装できるjQueryプラグイン「chaffle.js」を紹介します。
【jQuery】要素をふわふわ動かすプラグイン「jqFloat.js」
要素やイメージをふわふわ浮せたることができるjQueryプラグインの「jqFloat.js」のご紹介。メインビジュアルのアクセントとして使えそうなプラグイン。
【jQuery】ジオメトリックを実装できる「particleground.js」
要素の背景に幾何学模様(パーティクル)のアニメーションを実装できるjQueryプラグイン「particleground.js」を紹介します。
Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
Youtubeをサイトに埋め込んだ際に表示されるヘッダー(タイトル)とフッダー(コントロール)を非表示にする事ができるjQueryプラグイン「PrettyEmbed.js」の紹介。
【jQuery】レスポンシブ対応のスライダー「Glide.js」
スマートフォン・タブレットなどのスワイプ操作にも対応した軽量で使えるjQueryスライダー「glide.js」を紹介します。Webサイトのメインビジュアルなどに使えます。
【Webデザイン】魅力的な動きをするレスポンシブメニュー
レスポンシブWebデザインで使えそうな心地よいエフェクトで出現するドロワーメニューがcodropsでいろいろあったのでまとめました。
【jQuery】背景画像のスライドショーを実装する「Vegas2」
背景画像のスライドショーを実装するjQueryプラグインの「Vegas」の紹介。背景画像の切り替えエフェクト・オーバーレイの種類が豊富でインパクトのあるサイトを制作できます。
