スライダー「swiper」のページネーションを有効にする方法
スライダーが必要な時によく使用する「swiper」ですが、 デフォルトではページネーションのクリックが有効になっていませ…
2024年6月のブラウザシェア
ごきげんよう！ ナカノです。 ご紹介が遅れてしまいましたが、月イチ恒例となりましたブラウザシェアの2024年6月版をご紹…
clamp()関数を簡単に！ 「Min-Max-Value Interpolation」の紹介
clamp()関数とは clamp()関数は画面幅に合わせてフォントサイズ等の最小値・最大値を変化させてくれる関数です。…
【CSS】SVGで画像を切り抜いていく！
こんにちは、かずです。 タイトルの通り、SVGで自由な形で切り抜き（マスク）を行う方法をご紹介します。 というのも、もち…
CSSとHTMLのtableをAIに作ってもらった。
HTMLでこのようなテーブル（表）を作るのも地味に時間がかかりますよね。 そこで今回はAIに聞いたら思い通りのテーブルを…
サムネイルをクリックすると画像が拡大表示されるJavaScriptライブラリの「Luminous」
「Luminous」とは サムネイル写真をクリックすると拡大表示されるLightBox系JavaScriptライブラリで…
表示速度を改善する遅延ロード（Lazy Load）とは何か
前回、こちらの記事で意図せぬ動作の原因は「遅延ロード」だったと紹介しました。 Safariで「splide」のスライドの…
Safariで「splide」のスライドの高さが正しく認識されない原因と対処
軽量で多機能・アクセシビリティも配慮したスライダーが作成できる「splide」ですが、 safariのブラウザで確認した…
2024年5月のブラウザシェア
ごきげんよう！ 寒暖差に少しやられているナカノです。 皆様お気をつけください！ 月イチ恒例となりましたブラウザシェアの2…
軽量で多機能・アクセシビリティも配慮したスライダーが作成できる「splide」
ウィブ制作では画像をスライドで表示させる「スライダー」を頻繁に利用します。 以前このような記事を投稿しました。 使いやす…