ホテルや結婚式場、リフォーム業者など、プランやカテゴリーの多いサイトを作る際にメニューをどう表示するか考えた場合、レスポンシブも構成しやすいmegamenu.jsをオススメします。 実装方法とサンプル 実装したものはこちらからご覧ください。 公式サイトからファイルをダウンロードし続きはこちらから

サイトに来てくれたユーザーにぜひこれを見てほしいと行った時、注目を集めるためモーダルウィンドウを実装する場合、背景がグレイになって表示させるとった画面構成が一般的ですが、iziModalを実装すればおしゃれで機能的なモーダルウィンドウが実装できます。レスポンシブにも対応しています続きはこちらから

ホームページにアニメーションが欲しいと要望されることがありますが、ここ最近顕著にそれを感じています。 animate.cssやwow.js、inview.jsを使用して実装してアニメーションをつけていますが、個人的に比較的実装が楽だった“AOS”の設定を紹介します。 サンプルと実続きはこちらから

こちらのサイトで画面をスクロールして動きが確認できます。DEMO 1.GitHubからファイルをダウンロード 下記のサイトより、必要なファイルをダウンロードします。https://github.com/protonet/jquery.inview 2.ファイルをリンクさせる リン続きはこちらから

要素を指定してスライドショーを表示できるjQueryプラグイン「VEGAS2」。要素の指定次第では背景いっぱいにダイナミックなスライドショーができ、豊富なエフェクトを設定できるもの魅力のプラグインです。 デモはこちらから 各エフェクトはこちらから 必要なファイルのダウンロード ヘ続きはこちらから

マウスの動きに合わせて波紋の動きをリアルに表現できるプラグイン「jQuery Ripples」を紹介します。 実装したものはこちらで確認できます。 プラグインの入手と読み込み 以下のサイトからプラグインをダウンロード https://github.com/sirxemic/jqu続きはこちらから

今更のことと思う方は多数いると思いますが、ドヤ顔で語らせていただきます。 ローカルで動作確認していて問題がなくても、いざサーバーにワードプレステーマとして見てみるとjQueryが動作しない！…ワードプレスを始めた方には結構陥りやすい事象だと思います。 何で動作しなくな続きはこちらから