フォント
Adobe XD で FontAwesome 6 を使う方法
フォントデータをダウンロードする https://fontawesome.com/download にアクセスして Free Fo…
Web便利ツール
Adobe XD おぼえがき
アートボード移動 アートボードのタイトル部分をドラッグ&ドロップ コンポーネント化 ヘッダーやフッターなどをコンポーネント…
WordPress
WordPressで画像「中サイズ」と「大サイズ」をトリミングする方法
functions.php
その他WEB
VPN接続エラー解決法：VPN用ネットワークドライバの再インストール
ある日、突然接続できなくなったのでその解決方法をメモ書き。環境はWindows 10です。自分はこれで解決しましたが、自己責任でお…
JavaScript
jQuery でモーダルウィンドウを作成
iOSのアドレスバー表示時の100vhにも対応 デモページ li タグ内にボタンを置く場合は ul の外側 & body直…
動画
YouTube API で動画埋め込み
HTML JavaScript 主な playerVars パラメータと設定例 サポートされるパラメータ autoplay: 1（…
JavaScript 
ヘッダー固定サイトのページ内/ページ外アンカーリンク
ヘッダー高さ分のズレを解消したページ内スムースリンクとページ外リンクのデモです。
コーディング
レスポンシブイメージ
画像をレスポンシブ対応させるために出し分けする例 MEMO: 画像にスタイルを適用する場合は mainvisual__pictur…
JavaScript
【JavaScript】ウィンドウの横幅が変わったときだけ resize を実行
jQuery 参考ページ hiOS Safariでスクロールしただけでリサイズイベントが発生する原因と対処法
Web便利ツール
電子書籍を作成し、Web上で公開する
Romencer で電子書籍形式のブックを作成し、Bibi というオープンソースのepubリーダーを使って公開する方法です。 Wo…
