Splideの検索結果1 - 7 件 / 7件

• あとで読む

  Splide - アクセシビリティに配慮した軽量・高機能スライダー

  • 81 users
  • ja.splidejs.com
  • テクノロジー
  • 2021/12/01

  アクセシビリティに配慮した軽量・高機能スライダー。 ほかのライブラリに依存せず、Lighthouseのエラーもありません。

  • javascript
  • スライダー
  • ライブラリ
  • アクセシビリティ
  • slider
  • スライダ
  • accessibility
  • js
  • library
  • web制作

  
• あとで読む

  【最新バージョン4】Splideの使い方やオプションを解説！14個のデモ付き | 東京のホームページ制作 / WEB制作会社 BRISK

  • 12 users
  • b-risk.jp
  • テクノロジー
  • 2022/07/26

  【最新バージョン4】Splideの使い方やオプションを解説！14個のデモ付き 更新日：2024/05/10 WEBサイトにスライダーを実装したことがある人は多いですよね。 そんなときいつも何を使用していますか？ スライダーのJSライブラリで有名どころとして以下の3つがあります。 ・slick ・Swiper ・keen-slider 私は今までslickを使っていました。 Swiperは機能がありすぎてよくわからないのと、slickよりも容量が重いからという理由もあります。 keen-sliderはカスタマイズ前提のライブラリで、アクセシビリティ(a11y)のサポートもされていないため使っていません。（slickとSwiperはアクセシビリティのサポートがされています。） … というような理由で、私はslick推しでした。 しかし、slickの操作感（いわゆるUX）があまり良くないと思って

  • library
  • JavaScript
  • Splide

  
• あとで読む

  Splide - The lightweight, flexible and accessible slider/carousel

  • 12 users
  • splidejs.com
  • テクノロジー
  • 2020/09/12

  Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

  • carousel
  • slider
  • javascript
  • js

  
• あとで読む

  Splideをスライダーの新たな定番としたく - Qiita

  • 9 users
  • qiita.com/heeroo_ymsw
  • テクノロジー
  • 2022/03/25

  はじめに Webページ制作において、スライダーの登場頻度は異常に高いですよね。 cssでanimationプロパティを書くより、スライダーを実装する方が多いまであります。 その上、地味に仕様決めをちゃんとしておかないと、後であーだこーだなって実装コストが高くなることも往々にしてあるかと思います。 そのため、大体の仕様を満たすことができるようにライブラリを使って実装している方がほとんどかと思います。 そして、そのスライダーライブラリのデファクトスタンダードとなっているのが、slickとSwiperでしょう。 そこに第三の選択肢として、Splideを推したいのです。 Qiitaで「Splide」と検索しても意外と記事がなかったので、おすすめポイントをまとめてみたいと思います。 Splideとは Splideは、MITライセンス下でリリースされたアクセシビリティに配慮された軽量で高機能なスライダ

  • webdesign
  • javascript

  
• あとで読む

  Next.js(React)に最軽量＆高機能スライダープラグインSplideを導入してみる

  • 6 users
  • zenn.dev/lclco
  • テクノロジー
  • 2022/10/24

  スライダープラグインは何を使うべきか フロントエンドエンジニアのおとのです🙆‍♂️ Webサイトに以下のようなスライダーを埋め込む際、Web制作のコーダーやマークアップエンジニア、フロントエンドエンジニアは外部プラグインを利用して実装することが多いかと思われます。 jQueryが全盛期だった時には、Slickが多く利用されていた印象です。あらゆるオプションが用意されており、さまざまなカスタマイズが可能で、私もよく使ってきました。 また、IEのサポートが終了してからSwiperが利用されるようになった印象があります。こちらも複数のオプションがあり、比較的モダンなCSS（flex等）が組み込まれていることから、slickよりもカスタマイズが容易であるように思えます。jQueryに依存していないのも大きなメリットですね。 今までのスライダープラグインの問題 ただ、スライダープラグインは決して容

  • Vue
  • frontend
  • react
  • js
  • plugin
  • javascript

  
• あとで読む

  GitHub - Splidejs/splide: Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

  • 4 users
  • github.com/Splidejs
  • テクノロジー
  • 2022/11/18

  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

  
• あとで読む

  【最新版】jsスライダーライブラリ「Splide」の使い方を徹底解説！ - 株式会社PENGIN

  • 3 users
  • pengi-n.co.jp
  • テクノロジー
  • 2023/02/17

  2024.01.06 2024.07.15 Webデザイン 【最新版】jsスライダーライブラリ「Splide」の使い方を徹底解説！ 粟飯原匠 |プロデューサー マーケティングを得意とするホームページ制作会社PENGINの代表。教育系スタートアップで新規事業開発を経験し、独立後は上場企業やレガシー産業のホームページ制作・SEO対策・CVR改善の支援を行うPENGINを創業。「ワクワクする。ワクワクさせる。」を理念に掲げてコツコツと頑張っています。

  • JavaScript