ツェリードニヒ的リンク先読み
参考：https://developer.mozilla.org/ja/docs/Web/HTTP/Link_prefetching_FAQ リンクの先読みとはブラウザの機能の一つで、ブラウザのアイドル時間を使用して、予 …
webpが使えるブラウザかどうかの判定方法
webpのフォールバックには、pictureタグを使うシーンが多いが、pictureタグってネストが深くなるから、HTMLの視認性的に使いたくないシーンもある。またpictureタグの初心者にとっては、srcsetとは違 …
可逆圧縮と非可逆圧縮
画像の可逆圧縮に対応した形式にはpng、非可逆圧縮に対応した形式にはjpg、両方できるものにはgifやwebpなどの形式がある。字面を見ると意味はわかるが、具体的なイメージがしにくいので言語化してみた。 画像は1pxごと …
fullPage.js のスクロール制御をCSSで模倣する
scroll-snap-alignプロパティとscroll-snap-typeプロパティを使用する。
GETパラメーターで個人情報を送ってはいけない理由
サーバーのアクセスログに残る ITリテラシーが低いユーザーがそのURLでシェアしてしまう可能性がある GAのPII対策が必須 POSTメソッドはパラメーターをメッセージボディに格納して通信するため、WebサイトをHTTP …
PHP ディレクティブモード
.htaccess での upload_max_filesize や php.ini での upload_tmp_dir 、ini_set() 関数での memory_limit の指定など、それぞれの PHP ディレク …
食に興味がないとはどのようなことを指すか
友人からのひと言「俺、食に興味ないから」。 このひと言の後、ご飯を食べにいったときに、刺身に醤油をつけたり、ワサビをつけたり、コロッケにソースをつけたり。 食に興味がないというそのアイデンティティの宣言は、その「おいしく …
Web スパムや寄生サイトを発見したときの通報先
https://www.google.com/webmasters/tools/spamreportform?hl=ja
Webサイトをクラッキングされたらすること
IP制限をかけ、一般公開を停止 原因となるプログラムを削除 原因となるプログラム以外で改変されたプログラムがないか確認し削除 原因となるプログラム以外のソースコードをすべてセキュリティ診断ツールなどにかけて安全性チェック …
SVGでクリッピングマスク
clipPathUnits=”objectBoundingBox”によって、切り抜くパスのサイズを切り抜きたい要素のサイズに応じて相対的に変更するという設定となる。また切り抜くパスを0から1の範囲 …