Squoosh-CLIでD&D画像圧縮の時点ではブラウザ対応状況が芳しくなく見送ったが、EdgeもWordPress6.5も対応したのでAVIFへの乗り換え時。
開発終了した本家Squoosh-CLIはAVIF変換時にエラーが出た為、フォークに移行。
https://www.npmjs.com/package/@frostoven/squoosh-cli
Squoosh-CLIでD&D画像圧縮の時点ではブラウザ対応状況が芳しくなく見送ったが、EdgeもWordPress6.5も対応したのでAVIFへの乗り換え時。
開発終了した本家Squoosh-CLIはAVIF変換時にエラーが出た為、フォークに移行。
https://www.npmjs.com/package/@frostoven/squoosh-cli
Calckeyからリブランド後、主要開発者がプロジェクト放棄してしまったFirefish。
まだ適当な移行先が見付からず、残されたメンバーでセキュリティ関連等の更新はされている為、アプデ手順の覚書。
移行や更新前にRustのバージョンアップやPGroongaのインストールが必要になる。
CSSのメディアクエリを比較演算子での指定に更新。
@media (min-width: 768px)
@media (width >= 768px)
@media (max-width: 767px)
@media (width < 768px)
@media (min-width: 768px) and (max-width: 1279px)
@media (768px <= width < 1280px)
書きやすいし分かりやすい。width < 768px
は768px > width
でもいい。
対応が遅れていたSafariも2023年3月に対応した。
Media Queries: Range Syntax | Can I use
今指定している仕様。
てがろぐの画像拡大表示にPhotoSwipe v5を使う。
動作サンプル(稼働中のてがろぐ)
続きを読む てがろぐでPhotoSwipeを使うのでStylusで消す。
article[data-card-title$="(吹替版)"],
article[data-card-title$="(吹替版)"] {
display: none;
}
単純にカード名を取っているので、表記無しや字幕・吹替の両対応は消さない。
非公開モードで身内用SNSとして快適に運用中。