アクセシビリティに配慮した軽量・高機能スライダー。 ほかのライブラリに依存せず、Lighthouseのエラーもありません。
![Splide - アクセシビリティに配慮した軽量・高機能スライダー](https://cdn-ak-scissors.b.st-hatena.com/image/square/7ba509b75fb6d39bb65a2405c7a77fd91b58c7f6/height=288;version=1;width=512/https%3A%2F%2Fja.splidejs.com%2Fimages%2Fsite%2Fbanner.jpg)
Result 昔iPhone 5Sのプロダクト紹介ページにあったレイアウトを真似たスクリプト(One page scroll)をCSSだけで実装する、みたいなの。最近あんまり見かけませんので需要は少なそうですが。CSSスライダーと同じ方法で実装出来ます。 cssinput[type='radio'] {/*ページスクロール用のボタン。input要素は非表示にしておく*/ display: none; } input[type='radio']#section1:checked ~ nav > label[for='section1'] {/*実際のボタン。チェックが入ったら背景色を変更*/ background-color: white; } /*以下、各セクションのスタイルセッティング*/ input[type='radio']#section1:checked ~ section:nt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く