WebDesigner's Memorandumウェブデザイナーの備忘録

ウェブ制作 ライティング

ATOKの「連想変換」で似た意味の別表現に変換して自分の文章に磨きをかける

ウェブサイトをダークモードに対応するときに気をつけること

ウェブサイトをダークモードに対応するときに気をつけること

CSSのz-indexの確認や管理を便利にする方法

CSSのz-indexの確認や管理を便利にする方法

「DevTools z-index」でz-indexがかかっている要素をChrome開発者ツールに一覧表示させる

「DevTools z-index」でz-indexがかかっている要素をChrome開発者ツールに一覧表示させる

WebPに対応して画像サイズを最適化する方法

WebPに対応して画像サイズを最適化する方法

間違えて学習してしまったATOKの不要な変換候補を削除する方法

間違えて学習してしまったATOKの不要な変換候補を削除する方法

CSSで画像を一定のサイズ・比率に保って切り抜く「object-fit」

CSSだけで画像の比率を保ってトリミングできる「object-fit」

スクロール時に表示領域に画面がくっつくようになる処理をCSSだけで実現する「scroll-snap」

スクロール時に表示領域に画面がくっつくようになる処理をCSSだけで実現する「scroll-snap」

毎日必ず行っている操作を少しでもラクにする!Macのカーソル操作関連の小技

毎日必ず行っている操作を少しでもラクにする!Macのカーソル操作関連の小技

HTTP/2が設定されているはずなのに、ブラウザ上でHTTP/1.1になってしまう場合はセキュリティソフトを確認

HTTP/2が設定されているはずなのに、ブラウザ上でHTTP/1.1になってしまう場合はセキュリティソフトを確認

Vue.jsのv-forで生成した要素をクリックするたびに、classを付け外しする方法

Vue.jsのv-forで生成した要素をクリックするたびに、classをトグルで付け外しする方法