コードスニペット

押すと光がはじけるボタンをご紹介します！【コードスニペット】

2023.01.25

今回は押すとすごく派手なアニメーションで楽しいボタンをご紹介します！押す度に鮮やかな光がはじけて、賑やかにしたいサイトなどにはぴったりのボタンです！ぜひ試してみてください！

Javascript

【デモあり】bxSliderにプログレスバーを設定する方法

2023.01.23

今回はjQueryプラグイン[bxSlider]でスライダーを作成し、それにプログレスバーを設定していきます。 1. bxSliderとは bxSliderの特徴は簡単に設置が可能なこと、レスポンシブ表示に標準で対応していること、オプションが豊富でカスタマイズしやすいこと等です。 bxSliderを使用するにはjQueryが必要にはなりますが、jQueryの利用方法もこの記事で紹介しているので、も […]

Javascript

【Modaal+Swiper】モーダルの中にスライダーを実装する方法

2023.01.17

今回はModaalとSwiperを合わせて使用して、モーダルウィンドウ上にスライダーを表示できるようにします。このデモでモーダルウィンドウを開くと、その中にスライダーが設置されているのが分かると思います

コードスニペット

背景色が時間と共に変化していくコードスニペットをご紹介！

2023.01.15

今回はグラデーションで色鮮やかな背景が、時間の経過で変化していくコードスニペットをご紹介します！ See the Pen Gradient background with waves by Bárbara Rodríguez (@baarbaracrr) on CodePen. このように段々と変化していくので、幻想的な雰囲気を出したいサイトにぴったりですね！ぜひ試してみて下さい！

Javascript

Swiperにプログレスバーを設定する方法【実装例あり】

2023.01.13

今回はSwiperで作成したスライダーに、プログレスバーを設置してみたいと思います。 1. SwiperとはまずSwiperの特徴を簡単にご紹介します。Swiperはスライダーが簡単に実装できるJavaScriptのライブラリです。 SwiperはjQueryを必要としないので、jQueryが要件として使えない場合でも、問題なく使用できます。更にオプションも豊富で、使用者も多いため検索しても様々 […]

コードスニペット