Webサイトでモーダルやスライダーを作る際、どのような技術がベストでしょうか

Question

前提

Webサイトを製作中です。
テンプレート的な感じで作成し、他のサイトにも流用したいと考えてい流のですが、その際に実装するモーダルやカルーセルスライダーについて質問です。

真っ先に挙げられるのがjQueryプラグインを使った実装かと思いますが、他にもおすすめの実装方法はありますでしょうか。

またモーダルやスライダーを作るためだけにVue.jsやReactを使うという選択肢はあるのでしょうか。

個人的にVue.jsやReactはWebアプリケーション開発の基盤として用いることが多く、UIパーツを作るためだけに導入するのは逆に難しいのかなとも思います。

もちろん状況によって「ベスト」は変わるかとは思いますが、ご意見いただけるとありがたいです。

よろしくお願いします。

Answer 1

最近はCSSの機能も拡張されてきていますので、モーダルやスライダーはJSなしにCSSのみで実装できます。
検索すれば、いろいろサンプルが見つかります。

とりあえずコリスさんのを紹介しておきますが、さがせばいろいろ見つかります。

HTMLとCSSだけでカルーセル・スライダーを実装するテクニックのまとめ | コリス

モーダル要素の実装に便利なCSSの新機能「:modal疑似クラス」、主要ブラウザのすべてにサポートされました | コリス

JSのものに比べて動作が軽いです。

Comments

[sasa0330]

ありがとうございます！