素材（デイトラ中級） １．素材のストック ※8301、8404のjsが動かない！ 8101：ボタン１ ボタンのいろいろ ✔Codeリンク 8102：見出し１ 見出しのいろいろ ✔Codeリンク 8103：hoverのいろいろ ホバーのいろいろ ✔Codeリンク 【jQuery】8104：ドロワー 【使用】jQuery、【出典】dayTra中級5教材、【詳細】slideToggle ✔Codeリンク 【jQuery】8105：「戻る」ボタン 【使用】jQuery、【出典】dayTra中級5教材、【詳細】フワッと、fadeIn、fadeOut、scrollTop ✔Codeリンク 【jQuery】8106：モーダル（拡大） 【使用】jQuery、【出典】dayTra中級5教材、【詳細】モーダルの表示/拡大、表示中に縦スクロール禁止、×ボタン ✔Codeリンク 【jQuery】8107：モーダル（開閉） 【使用】jQuery、ライブラリ不使用【出典】dayTra中級5教材、【詳細】自作？ ✔Codeリンク 【jQuery】8405：スライダー 【使用】swiper.min.js、【出典】dayTra中級23【詳細】 ✔Codeリンク 【jQuery】8406：スライダー（カード） 【使用】swiper.min.css（ローカル）、swiper.min.js（ローカル）【出典】dayTra中級23、【詳細】 ✔Codeリンク ２．パーツのストック パーツのストック 8201：ヘッダー（固定ナビとhover） CSSのみ ✔Codeリンク 8301：ハンバーガーメニュー（右） 【使用】javascript、hikaru.js、hiraku.css【内容】ハンバーガーメニュー右、【出典】dayTra中級25、【詳細】hikaru.jsをダウンロード→cssとjsファイルを使用 ✔Codeリンク 8302：ヘッダーナビ＆ドロワーメニュー 【使用】javascript、jQueryのCDN、【内容】ヘッダーナビにレスポンシブのハンバーガーメニューを付加、【出典】dayTra20&25、【詳細】２つを合体 ✔Codeリンク 【jQuery】8404：アコーディオンでQ＆A 【使用】jQuery、【出典】dayTra中級28、【詳細】slideToggle、toggleClass、.is-open、擬似要素 ✔Codeリンク 【jQuery】****：＊＊＊＊ 【使用】jsライブラリ（wow）、【出典】dayTra中級24、【詳細】＊＊＊＊＊＊＊ ✔Codeリンク 【jQuery】****：＊＊＊＊ 【使用】jsライブラリ（wow）、【出典】dayTra中級24、【詳細】＊＊＊＊＊＊＊ ✔Codeリンク ３．アニメーション アニメーションを収集（jQuery） 【jQuery】8401：ふわっと浮き上がるなど 【使用】animate.css、wow.min.js、swiperのCDN、【出典】dayTra中級24、【詳細】wow.jsセットをダウンロード→dist/wow.min.jsとcss/libs/aimate.cssを使用→宣言「new WOW().init();」 ✔Codeリンク 【jQuery】8402：jQuery基本の読み込み、スムーススクロール、「Topへ」ボタン 【使用】jquery、【出典】dayTra26、【詳細】 ✔Codeリンク 【jQuery】8403：ページ内遷移、タブの切り替え 【使用】jquery、【出典】dayTra27、【詳細】data-target ✔Codeリンク 【jQuery】site****：＊＊＊＊ 【使用】jsライブラリ（wow）、【出典】dayTra中級24、【詳細】＊＊＊＊＊＊＊ ✔Codeリンク 【jQuery】****：＊＊＊＊ 【使用】、【出典】、【詳細】＊＊＊＊＊＊＊ ✔Codeリンク 【jQuery】****：＊＊＊＊ 【使用】、【出典】、【詳細】＊＊＊＊＊＊＊ ✔Codeリンク ９．もろもろ コメント ＊＊＊＊＊＊＊ ✔Codeリンク ＊＊＊＊＊＊＊ ＊＊＊＊＊＊＊ ＊．フォーマット コメント ＊＊＊＊＊＊＊ *** ＊＊＊＊＊＊＊ *** ＊＊＊＊＊＊＊ ***
