CSS 
Flexbox / Grid レイアウトチートシート
Flexレイアウトでややこしいなぁ…と思うこと覚え書き Grid中央揃え参考： チートシート https://dev.…
CSS
CSS clamp() で設定したフォントサイズサンプル
見出しサイズ計算に便利なサイト https://type-scale.com/ オンラインの自動計算ツール ※Fluid resp…
CSS
CSS clamp() でフォントサイズの推奨値を計算する
font-size: clamp( 最小値、推奨値、最大値 ) 最小値は下限。最大値は上限。推奨値は最小値と最大値の間で使用される…
WordPress 
WordPress でタームの説明を取得 & 表示する
取得 取得して表示 ターム名と説明をリストタグで一覧表示する例 book_cat というタクソノミー名のカテゴリー（ターム）を &…
JavaScript 
jQuery と CSS で横スクロールバーを上下に表示する
jQuery と CSS を使って下だけでなく上にも横スクロールバーを設置する方法です。 HTML CSS jQuery 応用 ス…
JavaScript
SimpleBar JSライブラリを使ってどのデバイスでも同じデザインのスクロールバーを表示する
SimpleBar JavaScriptライブラリを使用して iOSを含むどの環境でも同じデザインでスクロールバーを表示させる方法…
CSS
CSS min() max() clamp()
min() width と max-width を1行で記述できる。下記2つは同じ。 max() width と min-widt…
WordPress
WordPress の翻訳文字列に変数を使用する
下記のように記述します。textdomain にはテーマやプラグインのテキストドメインを、printf の第2引数には %s に代…
JavaScript
jQueryでヘッダー固定のアンカーリンクずれ対応（ページ外リンクも）
CSS の position:fixed や position: sticky でヘッダーを上部固定にするとアンカーリンクのずれ問…
WordPress
WordPress プラグイン無しで絞り込み検索を実装する
テキストフィールド + ラジオボタン / テキストフィールド + チェックボックス で絞り込み検索フォームを作成する手順です。 書…
