2024.06.17
長い英語のテキストやURLを適切に折り返す方法。CSSのword-breakまたはoverflow-wrap(word-wrap)プロパティを使用いたします。 【例】 This is a long s・・・
CSSで数字や英字も含めて文字を縦書きにする方法 1.文字のみ縦書き(数字・英字を含めない) 縦書きの例(Vertical Text Example)Numbers and English Lette・・・
2024.06.13
メニューや要素をスクロール可能なコンテナ内で特定の位置に固定・追従するのに便利なpositionプロパティ「Sticky」。サイドバーなどの要素を、下部で固定して追従させる方法。 3行目の「align・・・
2024.01.23
いつもお世話になっている高機能スライダーSwiperですが、スマホだけスライダーを有効(PCはスライダーを無効)にするなど、ブレイクポイントで有効・無効を調整する方法。
2023.10.21
フォームを簡単に制作できるプラグイン「MW WP Form」で、ラジオボタンやチェックボックスを画像にする方法をご紹介いたします。※残念なことに「MW WP Form」は開発終了となることが2023年・・・
2023.08.17
カスタム投稿、カスタムタクソノミーでパーマリンクを親子関係を持つ形で変更する方法。登録したスラッグは下記の通りです。 【カスタム投稿タイプ】blog【カスタムタクソノミー】blog-cat【ターム】i・・・
2023.05.19
モーダル表示時に背景までスクロールしてしまうことを防ぐ方法 【参考】CSSでスクロールが連鎖するのを回避する古い方法とoverscroll-behaviorを使った新しいテクニック
2023.05.14
※動画のアスペクト比が7:5の場合 サンプル 【参考】変幻自在なグラフィック表現!CSS, SVG, Canvasでマスクを使いこなせ
2023.05.13
コーディングを効率化するよく使うジェネレーター Gridレイアウト CSS Grid Generator ストライプ CSS STRIPE GENERATOR シャドウ(影) box-shadowジェ・・・
2023.05.09
ページを開く際、アニメーション(opacity: 0から1)を使っている場合に、GoogleのPageSpeed Insightsで測定時、Largest Contentful Paint(LCP)が・・・
About Site
同じことを何度も検索していたりするんで、検索して解決したことを残そうと思いまして。
Popular
【Swiper】ブレイクポイント(PC・スマホ)で有効/無効にする方法
SVGを使って動画をマスクする(レスポンシブ対応)
2021.02.11
【jQuery】slickの「Center Mode」で中央を大きくする等した際に、2周目にがたつく場合の対応方法
PageSpeed InsightsでLCPのパフォーマンスが「?」になった場合の改善方法(NO_LCP)
2017.03.19
【JS】子要素に特定のクラスがあった場合に親要素にクラスを追加する等、jQueryでよく使うメソッド