「Tips」の記事一覧

ウェブサイトを構築するにあたって調べたことや学んだことを書き連ねています。

あらゆるtransitionが効かなくて焦った話
メディアクエリ「prefers-reduced-motion」の設定

Tips

「あらゆるtransitionが効かなくて焦った話」サムネイル

地理院地図とGoogleマップを切り換えるブックマークレット
自宅で猟場候補の雰囲気を掴む

Tips

「地理院地図とGoogleマップを切り換えるブックマークレット」サムネイル

Gutenbergで「decoding="async"」
Helper Lite for PageSpeedプラグインを利用

Tips

「Gutenbergで「decoding="async"」」サムネイル

動的サイトの静的化
CMSで静的サイトを構築

Tips

「動的サイトの静的化」サムネイル

フォントサイズの指定を楽にするmixin
固定（pxとrem）とレスポンシブ（vw）で指定

Tips

「フォントサイズの指定を楽にするmixin」サムネイル

PhotoSwipeを画像へのリンクタグなしで使う
サイトのコーディングを修正せずに使う方法

Tips

「PhotoSwipeを画像へのリンクタグなしで使う」サムネイル

「position: sticky;」だけで下に固定するときの注意
JavaScriptで高さを計算

Tips

「「position: sticky;」だけで下に固定するときの注意」サムネイル

CSSだけでサイドメニューの固定
「position: sticky;」が効かない場合

Tips

「CSSだけでサイドメニューの固定」サムネイル

埋め込んだiframeのサイズを調整
transformで拡大縮小

Tips

「埋め込んだiframeのサイズを調整」サムネイル

Amazonアソシエイトのレスポンシブ対応バナー
メディアクエリで見せたいものだけ見せる

Tips

「Amazonアソシエイトのレスポンシブ対応バナー」サムネイル

function.phpでアソシエイトリンクを生成
Associates Link Builderの代替案

Tips

「function.phpでアソシエイトリンクを生成」サムネイル

Associates Link Builderで情報が表示されない
行儀よくない解決方法

Tips

「Associates Link Builderで情報が表示されない」サムネイル