環境 Chrome 99 tldr; img 要素に width と height を指定するとレイアウトシフトしないと聞いて試してみたが、レイアウトシフトが改善しないケースがあった。img 要素の width と height に auto を指定していて画像を読み込むまで幅を決定できない場合にレ…

歴史的経緯により img タグからのリクエストは(crossorigin 属性を付与しない限り）クロスオリジンの場合でも preflight リクエストは飛ばない。これを simple request と呼ぶことは知っていた。 しかし、画像のレスポンスヘッダーに例えばAccess-Control-Al…

この前初めて使った時に少しハマったのでまとめておく。 何をしたいのか 表の行列間に余白を作りたい。↓のように行と列で別々の余白を指定したい。 MDN border-spacingより引用 marginやpaddingはダメなのか w3cによると all elements except internal table…

業務で苦戦したことがあったのでまとめ 環境 IE(11.345) やりたいこと 文字列からDOM Nodeを生成してJavaScriptで取得したい どんな要素でも文字列から生成できて欲しい <template>要素にブラウザが対応している場合は下記の方法で生成と取得が可能 ただしIE11は<template>要素に</template></template>…

数値用フォームのバリデーションをフロント側で作成する際に調べた。マルチブラウザ対応の方法を見つけるのに思ったより苦労したので備忘録。 確認環境 IE11 (11.0.90), Safari (12.0)含むモダンブラウザ やりたいこと 数値以外の文字列も入力は許可する 入…