SlickやjQuery-cookie.jsなど、jQueryのプラグインを使った機能を、素のJavaScriptのみを使って出来るだけ忠実に再現しました。
Slider(slick)
Slider(Vanilla.js)
▲ jQueryとSlickを使用してスライダー機能を実装
▲ jQuery使用無し- スライドアニメーションはWeb Animations APIを使用
- centerMode = true;で先頭のスライドを中央表示(複数枚時)
Modal(Vanilla.js)
▲ jQueryとLityを使用してモーダルウインドウをポップアップ
▲ jQuery使用無し- モーダルが閉じる際のフェードアウトのアニメーションは @keyframes(css)、setTimeout()(js)で調整
- Escキーで、モーダルが閉じる機能