jQuery ドロワーメニュー以外をクリックした時のイベント設定
jQueryドロワーメニューを横から動かすような場合、ドロワーメニュー以外の部分をクリックした時もハンバーガーボタンと同じようにドロワーメニューが非表示になるようにしています。この場合、jQueryで「指定した要素以外をクリックしたら」とい...
jQuery
jQuery jQuery ドロワーメニュー以外をクリックした時のイベント設定
jQueryドロワーメニューを横から動かすような場合、ドロワーメニュー以外の部分をクリックした時もハンバーガーボタンと同じようにドロワーメニューが非表示になるようにしています。この場合、jQueryで「指定した要素以外をクリックしたら」とい...
jQuery OSS（オープンソースソフトウェア）とは？
jQuerywebサイト制作オープンソースソフトウェアとは、利用者の目的を問わずソースコードを使用、調査、再利用、修正、拡張、再配布が可能なソフトウェアの総称である。GithubやCodePenのようにソースコードをオープンして共有する、と...
jQuery フィルタリング機能とモーダルウィンドウを使ったギャラリー
jQuery複数のjQueryプラグインを使って、フィルタリング機能とモーダルウィンドウを使ったギャラリーを作成しましょう。複数のプラグインを使うことで、管理すべきファイルの数が多くなるので、気を付けましょう。参考サイトchiyo-kats...
jQuery スクロール位置に応じてナビゲーションボタンにカレント表示をする
jQueryある程度スクロールする必要がある縦長ページでは現在地を示すようにナジゲーションボタンにカレント表示をした方が良いでしょう。各要素の「.offset().top」の位置を取得し、if文を使い、各要素の開始位置以上スクロールしたら、...
jQuery スマホで見た時にjQueryを無効・有効にする（ユーザーエージェントで判別する方法）
jQuery前回の授業ではif($(window).innerWidth() <= 767){ };のようにwindowの横幅を基準に条件分岐させるパターンをやりました。今回のやり方はユーザーエージェントでスマホかPCか判別してやる方...
jQuery スクロールに合わせて要素にアニメーションをつける「Animate on scroll library」
jQueryスクロールに合わせて「Fade」「Flip」「slide」「Zoom」の4種類のアニメーションを簡単に実装出来、「duration」などの細かい設定も行えるスクロールアニメーションのプラグインAOSを実装してみましょう。mich...
jQuery ページネーション の導入
jQueryページネーション（pagination）とは、日本語でページ割りという意味で、Web制作においては、検索結果一覧など、内容の多いページを複数のWebページに分割し、各ページへのリンクを並べてアクセスしやすくするために設置します。...
jQuery jqueryでのresize設定
jQueryレスポンシブデザインレスポンシブサイトでは、読み込み時だけで無く、ブラウザーをリサイズした時にもイベントが反応するようにしなければいけない場合があります。例えばPC時では通常のナビゲーションボタンでスマホ時にはハンバーガーメニュ...
jQuery jQueryでのcookieの指定
jQueryCookie（クッキー）とは？Cookie（クッキー）とは、ホームページを訪問した ユーザーの情報を一時的の保存する仕組み、またはそのデータです。ID、パスワード、メールアドレス、訪問回数などが ユーザー情報として保存されます。...