CSS
Prepros覚え書き
ベンダープレフィックス 全部のプロジェクトの場合:App Settings > Project Defaults > CSS To…
JS/CSSライブラリ

スライドアニメーション色々(スライダー)
Vegas Background Slideshow 設定:http://vegas.jaysalvat.com/document…
フォント
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…