2023年4月の投稿一覧

【Swiper】スライダーのアクセシビリティを向上させる

swiper_accessibility

Javascriptのスライダーライブラリの中でも人気がある『swiper.js』はオプションがとても豊富です。当記事ではswiper.jsのオプションを使用してスライダーのアクセシビリティ(操作性)を向上させる方法につ […]

Swiperスライダーの矢印のサイズや位置や色を変更する

swiper arrows size position color

Swiper.jsで作成したスライダーのナビゲーション(矢印)のサイズや位置や色を変更したい時があると思います。当記事ではその方法をデモを交えながら解説します。 通常のSwiper.jsでのスライダーの作成はご存じの前提 […]

Swiperスライダーのページネーションのサイズや位置や色を変更する

swiper pagination size position color

Swiper.jsで作成したスライダーのページネーション(ドット)のサイズや位置や色を変更したい時があると思います。当記事ではその方法をデモを交えながら解説します。 通常のSwiper.jsでのスライダーの作成はご存じの […]

【Javascript】アコーディオンメニューを最小コードで実装する

アコーディオンメニュー

当記事では、jQueryなどの外部ライブラリを使用せず、アコーディオンメニューを実装する方法についてデモ付きで記します。 素のJavascriptでアコーディオンの開閉アニメーションを実装しようとすると煩雑になりがちです […]