ブログ
JavaScript
jQuery でモーダルウィンドウを作成
デモページ
動画・アニメーション
YouTube API で動画埋め込み
HTML JavaScript 主な playerVars パラメータと設定例 サポートされるパラメータ autoplay: 1（…
JavaScript 
ヘッダー固定サイトのページ内/ページ外アンカーリンク
ヘッダー高さ分のズレを解消したページ内スムースリンクとページ外リンクのデモです。
コーディング
picture 要素による画像の出し分け
デモページ <figure class="mainvisual__picture"> <picture> <so…
JavaScript
【JavaScript】ウィンドウの横幅が変わったときだけ resize を実行
jQuery 参考ページ hiOS Safariでスクロールしただけでリサイズイベントが発生する原因と対処法
Web便利ツール
電子書籍を作成し、Web上で公開する
Romencer で電子書籍形式のブックを作成し、Bibi というオープンソースのepubリーダーを使って公開する方法です。 Wo…
CSS
メディアクエリの書き方メモ
特にプリンターやで別のCSSを適用する 主なメディアタイプ（メディア種別） all すべての機器向け print プリンター向け …
CSS
Sass で px → rem の自動計算
mixin の場合 関数の場合 stylelint で CSS プロパティの並べ替えをしている場合は関数の方が良いかも。
CSS
video タグを使って背景に mp4 動画を流す
キービジュアル箇所などに背景動画を流すサンプルです。HTML の video タグを使用して mp4 形式の動画を再生します。 フ…
WordPress
Local の便利機能
Local（旧名称 Local by Flywheel）の便利機能。 リンク切れチェック Link Checker アドインをイン…