タグ

#CSS

CSSに関する記事を公開しています。

• navigator.share の判定だけでは PC でも共有シートが出る

  スマホでシェアボタンを押すとログインを求められるので、共有シートに切り替えたところ、PC でも切り替わりました。Chrome・Safari・Edge はデスクトップでも Web Share API に対応しているためです。日本語で流通している判定方法は navigator.share の存在チェックですが、これは Chrome デスクトップが非対応だった頃の前提で、今は分けたい境界と一致しません。(pointer: coarse) と組み合わせて絞ります。

  2026/8/8

• Tailwind v3 で node_modules の CSS が @layer エラーになる原因

  Tailwind v3 を PostCSS 経由で入れると、node_modules のビルド済み CSS まで処理対象になり、ネイティブの @layer を使う標準準拠の第三者 CSS がエラーになります。管理画面が 500 になった実例から、@tailwindcss/vite（v4）移行による解決と、実際に必要だったクラス名の書き換えをまとめます。

  2026/7/17

• CSS最適化はどこまで自動化されたか — 圧縮・不要CSS削除・インライン化の現在地

  2026年現在、CSSの圧縮・不要CSSの削除・インライン化はどこまでビルドツール任せにできるのか。Bootstrap 5.3.8で実測した圧縮効果（gzip後の差は約9%）をもとに、手を動かす価値が残っている部分と、もう自動化されている部分を切り分けます。

  2020/8/27