2018年09月18日(火)
スマホの操作も快適な優れもの！ビフォーアフター画像のスライダーを実装するJavaScriptライブラリ -Beer Slider
スマホ、タブレット、デスクトップのレスポンシブに完全対応、マウス操作・キーボード操作・タッチ操作にも完全対応のアクセシブルなスライダーを実装するスクリプトを紹介します。
他スクリプトへの依存は一切なく、単体で動作し、jQueryのプラグインとして実装することも可能です。
Beer Slider Responsive & Accessible Before-After Slider
Beer Slider -GitHubBeer Sliderの特徴
Beer Sliderは2枚の画像を使用して、ビフォーとアフターを表示できるスライダーです。
- 単体で動作するシンプルなスクリプト
- vanilla JavaScriptで記述されたスライダー。他...
0
44
33
70author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV
ウェディングに活用できる24のフリーアイコンセット「24 Free Wedding Icons」
NEXT ›
[ユーザー投稿] dfplus.io、Instagramストーリーズにおける「ショッピング機能」に正式対応！
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『スマホの操作も快適な優れもの！ビフォーアフター画像のスライダーを実装するJavaScriptライブラリ -Beer Slider』についてまとめています。
この記事は特にレスポンシブ・javascript・jQuery・SEOについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
