php PHPでCSV検索フォームを作る方法【サンプルコード付き】
PHPでCSV検索フォームを作る方法 PHPでCSVファイルを読み込み、入力したキーワードに一致するデータだけを一覧表示する検索フォームの作り方を紹介します。データベースを使わずに、CSVだけで簡単な検索機能を作りたい場合に使えるサンプルコ...
ゆきのふ
php 
html/css/js コピペで完結！しまむら公式サイト風右下うさぎリンク（自動で出現＆非表示）
コピペで完結！しまむら公式サイト風の「右下うさぎリンク」を実装。ページ右下に常駐し、ヘッダーやフッターに重なると自動で非表示。右からヌルッと出現し、リンククリックで新しいページへ移動。WordPress無料プランでも動作する完全スコープ付きコードを公開。
スライダー コピペで完結！GU公式サイト風：縦横に動くフルスクリーンスライダー
GU公式サイトのように「縦にも横にも動く」フルスクリーンスライダーを完全再現。カテゴリごとの横スワイプと縦スクロールを組み合わせ、無限ループ・ドットナビ・ロック制御付きでそのままコピペ動作。WebデザインやUI演出に最適な実装コード付き解説。
アコーディオン FAQ・Q&A向けアコーディオンの作り方【HTML/CSS/JavaScript・サンプルコード付き】
FAQページやQ&Aセクションに最適なアコーディオン実装コード。完全スコープ化された設計で、＋アイコンがクリックで×に変化。ARIA対応でキーボード操作も可能な、軽量かつモダンなサンプルです。
タブ切り替え 入力フォーム用ステップ式タブを作る方法【HTML/CSS/JavaScript・サンプルコード付き】
長い入力フォームをステップごとに分割し、タブと次へ/戻るボタンで直感的に進められるUIを実装。コピペで使えるCSS・HTML・JSコード付き。
タブ切り替え スクロールで自動切り替えできるタブを作る方法【HTML/CSS/JavaScript・サンプルコード付き】
スクロールに合わせてタブが自動で切り替わるUIをコピペで実装！ヘッダー内タブ式ナビ＋メガメニュー連動のデモとコード付き解説。
タブ切り替え タブ切り替え内にタブ切り替えを作る方法【HTML/CSS/JavaScript・サンプルコード付き】
外側タブと内側タブの二重構造を持つネストタブの実装サンプル。カテゴリと詳細を切替表示でき、複数階層のUI整理に便利。ARIA対応・コピペで使える完全コード付き。
タブ切り替え タブ内の件数をバッジ表示するタブ切り替えを作る方法【HTML/CSS/JavaScript・サンプルコード付き】
タブ内の要素数を集計してバッジに表示するUIサンプル。未読数やタスク件数などを動的に見せられ、ギャラリーや通知機能に最適。ARIA対応・コピペで使える完全コード付き。
タブ切り替え クリック時に初回だけ読み込むタブ切り替えを作る方法【HTML/CSS/JavaScript・サンプルコード付き】
タブ内コンテンツを初回クリック時にだけ読み込む「遅延読み込み（Lazy）」の実装解説。テンプレート/外部HTML/画像を選択時に挿入し、読み込み中はスピナー表示、2回目以降はキャッシュを再利用。ARIA対応のタブ構造と衝突しにくいスコープCSS、コピペ即利用できるHTML/JS付きでページ初期表示を高速化します。
タブ切り替え ページを移動しても開閉状態を記憶するタブ切り替えの作り方【HTML/CSS/JavaScript・サンプルコード付き】
タブの選択状態をURLに記憶できるサンプルコード。戻る・進むやページ更新でもリセットされず、常に最後に開いたタブを維持します。コピペでそのまま使える実装付き。