画像は圧縮すればいいというものではない
exif が seo に影響を与えたり、meta 情報が活用されたり、copyright などもあるからである。プログレッシブレンダリングとかも考えると、jpg、pngとかのほうがいいこともある。 プログレッシブレンダリ …
管理者
$_POSTの正体
POST メソッドで送信されたデータは受取先の $_POST 変数によってすべて文字列、あるいは配列として処理される。POST メソッドの正体は Content-Type に「application/x-www-form …
裏技なんてないこの世の中だから
SEO関連では裏技なんてない。本来の用途でHTMLを作成し、人間が読みやすいという絶対的な観点で施策をせず、ハック的な考えを遂行してしまうと必ず報いを受ける。 table要素は昔、ハック的にレイアウトを作るために使われて …
ブラウザスクロール隠し
やんごとなき事情で、htmlにscroll-y:autoを指定するときに、ブラウザ側で二重にスクロールバーが表示されてしまうことがあるが、cssで隠せるようになった。 その指定方法をメモ。 引用：https://zero …
ドラッカーの「経営者の条件」
なされるべきことはほとんど常に複数である。しかし成果をあげるには手を広げすぎてはならない。一つのことに集中する必要がある。若干の気分転換を必要とするというのであれば、二つのことを行ってもよい。しかし三つ以上のことを同時に …
ツェリードニヒ的リンク先読み
参考：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 …