標籤：使用者體驗

IntersectionObserver 無限捲動重複請求？先鎖定載入與分頁狀態

Figma agent 開始扣點數：不能編輯與 AI credits 歸零怎麼查

Google Home MCP 怎麼接 agent？先分清 OAuth、工具與權限

CSS overflow: auto clip 怎麼用？單軸捲動與 sticky 邊界

CSS Scroll Marker 怎麼做？用 ::scroll-marker 建立可存取輪播導覽

Navigation API 怎麼取代 pushState？SPA 先處理 navigate 與 fallback

CSS scrollbar-gutter 怎麼防止捲軸出現造成版面跳動

CSS text-wrap 怎麼選？用 balance、pretty、stable 控制換行

Apple 連續曲率與同心圓角：CSS、SwiftUI、Tailwind 元件實作

CSS transition-behavior 怎麼用？用 allow-discrete 做 display 的進出場轉場

CSS interpolate-size 怎麼用？讓 height: auto 動畫保留 fallback

CSS field-sizing: content 怎麼用？讓 input 與 textarea 隨內容調整

CSS Anchor Positioning 實作 tooltip：定位、fallback 與舊瀏覽器邊界

content-visibility: auto 怎麼用：加上 contain-intrinsic-size 避免版面跳動

CSS Scroll Snap 怎麼避開固定導覽列：scroll-padding 與 scroll-margin

HTML Popover API 怎麼用：用原生按鈕建立可關閉的浮層

Skeleton 與 Shimmer 載入效果：減少元件載入時的版面跳動

Notion Agents iOS app 上線：手機上叫 Agent 做事前，先分清楚三種任務

Meta Muse Image 來了：Instagram 照片被 AI 標註使用前，先看這幾件事

Google 表單已經很好用了，為什麼我還想做 NaraForm？

深入解析 INP：網頁互動效能的測量機制與優化策略

Apple 文字遮罩截斷技術完整解析：CSS Mask 與漸層的雙層方案

JavaScript scrollIntoView 教學：常見錯誤、滾動定位與最佳實踐

峰值體驗筆記：電商首頁優化