2026.07.22
transition:persist でDOMは残るが、CSSアニメーションはrestartする——seek-offsetで補正した話
Astroの transition:persist でナビゲーションDOMを保持しても、CSS keyframesは遷移のたびにrestartしてしまう。--bn-grow-offset というCSS変数でシーク補正した話。
tag
#Astro
「Astro」がついた記事 5 件。
-
-
2026.07.21
「にょきが見えない」から始まったFB反映3回と、AstroでSVGをset:htmlに逃がすとCSSスコープが死ぬ話
ボトムナビのタップ遷移演出「にょき」を実装した。3回のFBを経て完成した過程と、Astro の set:html が CSS スコープを壊す罠の話。
-
2026.06.19
サンプルページが足を引っ張っていた — onbit.jp の GSC インデックス問題、3 週間の記録
Googleから「インデックスに登録されない」メールが来て、調べたらサンプルページ191件がsitemapを膨らませていた。279 URLを61に絞ったら3週間で動き出した話。
-
2026.06.18
ホームの AI フロー図をコードで書き直した話
画像で作っていた AI フロー図を昨日コンポーネントに書き直した。モバイル可読性・SEO・保守性の 3 重苦を解消するプロセスを記録しておく。
-
2026.06.17
Onbitサイトトップ画面の整理 — TwoPillars コンポーネントができるまで
Onbit のサイトトップを二本柱（AI/Web）構成に作り直した。初見レビューで発覚した一番の問題は、地図がないことだった。