2021年11月27日(土)
パフォーマンスを重視した高速で軽量なカルーセル/スライダーライブラリ・「Swiffy Slider」
Swiffy Slider
See the Pen
Untitled by kachibito (@kachibito)
on CodePen.
Swiffy Sliderはパフォーマンスを重視した高速で軽量なカルーセル/スライダーライブラリです。今のブラウザやユーザーの環境に最適化されたモダンな設計となっています。スライダーを実装する優秀な先発ライブラリの多くは過去のもので、仕様もほとんどは当時の技術レベルがベースとなっていますが、Swiffy Sliderは現代の環境に最適化されたもので、例えばスライド、ドラッグ、スナップなどの動作は全てJSが使われておらず、JSそのものを使用しないシンプルモードも搭載されているそうです。
これによって今までのスライダースクリプトよりも高いパフォーマンス、UX、シンプルさを実現されており、殆どのデバイスにも対応できるようになっています。 WCAG互換、Google Lighthouseでの高得点、様々なフロントエンドフレームワークとの互換性を持っており、多くのシーンで使える汎用性の高さが特徴となっています。
Ads使い方もとてもシンプルで従来のス...
0
10
1
4author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『パフォーマンスを重視した高速で軽量なカルーセル/スライダーライブラリ・「Swiffy Slider」』についてまとめています。
この記事は特にレスポンシブ・javascript・UX・Googleについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
