embla-carouselは、Web用の拡張可能な最小限のカルーセルライブラリです。基本的な機能を提供しながら、ユーザーのニーズに基づいて簡単に拡張できるように設計されています。
📄 HTML
<div class="embla"><div class="embla__viewport"><div class="embla__container"><div class="embla__slide">Slide 1</div><div class="embla__slide">Slide 2</div><div class="embla__slide">Slide 3</div></div></div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/embla-carousel/4.0.15/embla.min.js"></script><script>var embla = EmblaCarousel(document.querySelector('.embla__viewport'));</script>
🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/embla-carousel/4.0.15/embla.min.css" rel="stylesheet">
🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/embla-carousel/4.0.15/embla.min.js"></script>
⚙️ JavaScript
var embla = EmblaCarousel(document.querySelector('.embla__viewport'));
slick-carouselはユーザーフレンドリーなカルーセルスライダーを実装できるjQueryプラグインです。
Swiperはモバイルおよびウェブアプリケーションのユーザーインターフェースを向上させるための現代的なタッチスライダーライブラリです。
2つのテキストの違いを一目で確認できます。
簡単かつ迅速にファビコンを生成します。
デザイン用のダミーテキストを生成します。
文字数と単語数をリアルタイムで確認できます。
字幕形式を簡単に変換できます。
画像内のテキストを自動で抽出します。