横方向に無限ループするやつ
CSSだけで横方向に無限ループ See the ...
リンクのアンダーラインに動きを付ける
リンク文字にオンマウスすると表示されるアンダーラ...
画面幅で処理を分けるシンプルJS
下記コードは画面幅768px以下とそれ以外の処理...
蛍光ペンのようなアニメーション
本文中のハイライトを蛍光ペンでなぞったようなアニ...
Gsapでフィルタリング
See the Pen Smooth Flexb...
XDの背景のぼかしをCSSで再現
【XD 背景のぼかし】ぼかし量：30明るさ：20...
“Memo” One Page Scrolling
See the Pen Animated Con...
全画面スタックレイアウト（position:sticky;）へのアンカーリンク
position:sricky;で全画面スタック...
WordPressの引越などでウィジェットがうまく反映されない場合の対処法
WordPressの引越などでウィジェットがうま...
UIkitのモーダル内でSwiperを実行する。
要件 コード HTML CSS JS coepe...
モバイル時（画面幅768px以下）でスライダー（slick）になるやつ
PCでは任意のレイアウトにスタイリングし、モバイ...
UIkitのブレークポイント
UIkitは以下のブレークポイントを提供します。...
Flexboxで子要素を均等に3等分する
Flexboxでgap: 20px;を指定し、子...
WordPressブロックエディタに複数のカスタムスタイル見出しを登録する
function.phpに追加 // タイトルの...
特定要素以外をクリックすると何かを実行
主にモーダルウィンドウやドロップダウンメニューな...
Splideでスライドがactiveになった時に何かするやつ
const switchAnimation = ...
ScrollTriggerのコールバック
コールバック onEnter：スクロール位置が「...
Dart Sassに移行するための覚書
はじめに この投稿は超個人的なメモですので読んで...
Splideの基本的な使い方
これまでSwiperをメインに使用してきましたが...
○番目以降を指定
li:nth-child(n + 6){ dis...
正規表現 特定タグの選択
ある特定のタグで囲まれた内容をまるごと削除したい...
Scroll Tringgerで背景固定
See the Pen gsap scroll ...
正規表現でHTMLタグを削除する
テキストエディタで下記文字列で検索をかけると『&...
コラムレイアウト
Marsonryのようなレイアウトをcssのco...
指定文字数をオーバーしたら三点リーダー「…」で省略する
新着情報一覧で一行に収めたい時とかにいいやつ &...
Gmailにスパム判定されメールがブロックされる場合の対処法（エックスサーバー編）
エックスサーバーの最新サーバー環境への移行が完了...
よく使うCSSアニメーションのショートハンド
よく使うCSSアニメーションのショートハンド。 ...
条件分岐
ごく基本的なやつだけメモ トップページ <...
画面幅で動画を出し分けたい
画面幅767pxでPC用とSP用の動画を出し分け...
YouTubeの埋め込み動画をレスポンシブ化する方法
HTML <div class=”yt_c...
pxからvwに（SCSS）
01. _setting.scssなどに下記を記...
Swiper.jsの基本的な使い方
本家サイト https://swiperjs.c...
imgタグのsrcの一部をreplaceする
<img src=”{$root}img/...
PHPで指定したファイルやURLを文字列に読み込む
<?php $file = file_ge...
JSでナビゲーションを表示
HTML ナビゲーションを表示したい場所にマーク...
下スクロールでヘッダ非表示、上スクロールで表示するやつ
JS $(function () { var m...
imgタグのソースを画面幅に応じて変更する
たとえば、画面幅767px以上でPC用の画像（p...
正規表現で文字列を含む行、文字列を含まない行を選択、置換する(vscode、サクラエディタ)
正規表現全くわからないので勉強になります。 正規...
レスポンシブ イメージ スウィッチャー
画面幅に応じて読み込み画像のファイル名末尾「_p...
キーボード設定アシスタントでJIS（日本語キーボード）に識別設定する方法
キーボード設定アシスタントでJIS（日本語キーボ...
YouTube動画を画面いっぱいに背景として使用できるjqrueryプラグイン
探すと意外と少ないのでお世話になっているものをご...
下スクロールで消えて、上スクロールで表示
See the Pen 下スクロールでフェードア...
共通部品のインクルード（jQuery）
読み込むファイル（index.html） <...
ナビゲーションのカレント表示【jQuery】
URLのディレクトリ名を取得して指定した要素にカ...
右クリック禁止
See the Pen 右クリック禁止 by n...
iOSのSafariでCSSアニメーションの動きがイマイチな件
iOSのSafari初回読み込み時にCSSアニメ...
CSSでaタグのリンクを無効化する
下記記述でCSSでaタグのリンクを無効化すること...
スクロールバーを消す
overflow:autoやscrollなどで邪...
遅延実行
h1クリックして3秒経過するとテキストの色が変化...
スクロールに応じて一文字ずつ表示する
「inview.js」を使用して、スクロールした...
Mojaveでキーボードの種類を変更する
下記アシスタントアプリケーションで変更できます。...
スクロール時にフッタが固定
See the Pen スクロールでフッタに特定...
スクロールでヘッダがコンパクトに
See the Pen スクロールでヘッターがコ...
スクロールイベント
スクロール量に応じてイベントを発動。 See t...
iziModal
jqueryプラグイン「iziModal」で柔軟...
主要デバイスのブラウザ画面サイズ
主要デバイス（スマホ、タブレット）のブラウザ画面...
CSSで縦書きセンタリング
CSSで縦書きセンタリングする時の最低限のスタイ...
iPhoneを横向きにしたとき文字サイズがデカイ！
iPhoneを横向きにしたとき文字サイズが拡大し...
スマホの縦向き・横向きでCSSを分ける
// 横向き @media screen and...
★★★がある行を削除（正規表現）
^.*★★★.*\n
orとand混在フィルタリング
外部リンクでURLに「#seisha」をつけると...
ドロワーメニュー
シンプルなドロワーメニューです。 See the...
ドロップダウンメニュー
オンマウスでドロップダウンするメニュー。グローバ...
開閉式のメニュー
レスポンシブ時にグローバルナビゲーションなどを隠...
ウィンドウリサイズしたときにいろいろやるやつ
ウィンドウリサイズしたときにクラスを付けたり消し...
タブメニュー
シンプルなやつ。はじめから表示させたいタブに「....
トグルメニュー
最初から全部クローズしているやつ See the...
都道府県フィルタリング
エリアを選択するまで都道府県がアクティブにならな...
カテゴリのID、名前、スラッグを表示するとき
<?php $category = get...
IE ver.Xのときの分岐
<!–[if IE 7]><...
PDFファイルからテキストをコピペしたら文字化したときの対処法
「はい、原稿です！」と送られてきたPDFファイル...
WordPressコンテンツ内に時限表示させたい時
WordPressのコンテンツ内に...
固定ページ内に別の固定ページを表示する
固定ページに頻繁に表示させたいブロックとかを表示...
固定ページに指定カテゴリの一覧を表示し、ページネーションをつける
固定ページに記事一覧を表示させたいことがよくある...
よく使う投稿一覧
件数=20,カテゴリID1,2,3（除外4）の場...
Advanced Custom Fieldsの出力をショートコード化する
function.php function sh...
アイキャッチを表示する
1. function.phpに記述 add_t...
テンプレートファイルにショートコードを記述する
<?php echo do_shortco...
カスタムメニューを使えるようにする
1.function.phpに記述する カスタム...
天地左右でセンタリングさせる方法
html <div class=”cent...