「Tips」の記事一覧

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

記事中の画像を全て取得してリンク付きで表示
サイト運営の記録を眺めて自己満足

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でアソシエイトリンクを生成」サムネイル