スライドするUIの実装技術

↑のサイトページ上部で、右から左に自動で流れていくUIがありますが、
これはどうやって実現していますか？

HTMLソースを見ると、該当箇所辺りで、

<div aria-live="polite" class="slick-list draggable"> とありましたので、bootstrapでも使っているのかと思いましたが、 bootstrapは参照していませんでした。

cssっぽいlinkとして、

このcssでbootstrapと同じようなことを実現しているのでしょうか？
(slick-listで検索するとファイル内でヒットします)

なぜ既存のライブラリを使用せずこのcssを使用しているのでしょうか？
またファイル名がたらたら長いです

このcssはminifyされているように見えます。どのような背景でこのcssが
作られたのだと推測しますか？

行動規範の内容に同意します

回答2件

自力でもなんでも実装は可能ですが、そういうプラグインで有名どころで例えばslick

見た感じbootstrapはそもそも使ってなさそうですね。
まあbootstrapだけがCSSフレームワークではないし、
いろいろ組み合わせたり独自実装部分があったりしてもおかしくはないでしょう。
どのような意図で組まれたかは制作者のみ知るところですし、
「それを知ってどうしたいか」という質問者さん自身がどこまで
見据えられているかで回答も変わってくるので、後半については回答を控えます。
（単なる興味であれば回答はおそらくつきません）

投稿2018/10/18 13:19

m.ts10806

総合スコア80850

otaks

2018/10/18 13:38

プラグインというのはライブラリとは別物ですか？質問文で書いたサイトはslickを使用していますか？

m.ts10806

2018/10/18 18:41

違いについて何も調べはつきませんか？ slickについては「例えば」で出しています。同様の機能が実装できれば良いと感じたのですがそうではないのでしょうか。 slickという単語自体に「すべる」といった意味合いがありますので当該サイトの当該箇所が独自実装されていたとして同じ名前をつけていても何ら不思議はありません。 slick.jsを使っているかどうかは公式の実装と見比べれば明白かと思いますが、それはしてみましたか？

行動規範の内容に同意します