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
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を使う非公開モードで身内用SNSとして快適に運用中。
WordPressのHCBに言語を追加でSASSのシンタックスハイライトを追加したが、判定が不完全なので修正する。
疑似クラス、疑似要素の:
にマッチしてセレクタ行がプロパティ判定されている(6,9行目)。
指定クラスを持つ要素のn番目、奇数・偶数個などの条件で装飾する。
SNSのTLで投稿の背景色を交互に変えたい。
兄弟要素が投稿のみの場合はdiv.xxx:nth-of-type(odd)
や:nth-child(odd)
で奇数の投稿を指定可能。
(odd
又は2n+1
で奇数、even
又は2n
で偶数)
投稿の間に何らかの要素が入る場合、カウントは兄弟要素全てが対象となりdiv.xxxの奇数は取れない。
(div.nth-of-type
は兄弟要素のdivがカウント対象、div:nth-child
は全ての兄弟要素がカウント対象)
Calckey自鯖の全ユーザにカスタムCSSを反映させる。
コントロールパネルに機能追加されるまでの暫定対応。
自分のみ適用したいCSSはChrome拡張機能StylusやCalckeyユーザ設定のカスタムCSSを使用する
構築と基本設定 身内用Calckey鯖を無料で立てる
!important
をつけまくる