分享開發現場真正有用的知識。

Smashing Magazine 於 2026/10/20 刊出 Brecht De Ruyte 的文章，介紹 CSS Values and Units Level 5 規格中的原生 random() 函式：已在 Safari 推出，Chrome 156 正在推出中，Mozilla 也對 Firefox 支援表達正面訊號。random() 可在 CSS 中產生偽隨機數值，支援最小值、最大值與步進，並可透過快取鍵（搭配 element-scoped）讓同一元素的多個屬性共用同一個隨機值。文章以文字微歪斜、字母彈跳、卡片隨機傾斜、搭配 sibling-index() 與捲動時間軸的扇形卡片、隨機捲動速度與景深模糊六個示範，說明適合與不適合使用隨機性的情境，並提醒以 @supports 漸進增強、尊重 prefers-reduced-motion 與螢幕閱讀器。本文整理語法重點、實務用法與給品牌網站的建議。

Astro 團隊的 Matthew Phillips 於 2026/10/15 發布 Astro 7.4。重點包括：astro build --timings 在建置完成後列出各階段、Vite 外掛、Markdown 與語法上色、頁面渲染、圖片與整合套件的耗時，官方示範用它找出元件中依序等待的網路請求，改成 Promise.all() 後頁面產生時間從 2.10 秒降到 1.13 秒；image.service 可分別設定 build 與 runtime 服務；astro/fetch 與 astro/hono 新增 notFound() 處理器；字型供應者可回報可用字重與子集，設定不符時發出警告；最低 Node.js 版本提高到 22.22.0；實驗性功能 parallelPrerender 以 worker threads 平行預先渲染，redirectPage 可自訂靜態轉址頁。本文整理重點、升級注意事項與實務建議。

web.dev 於 2026/10/02 發布〈New to the web platform in September〉：這是 Chrome 與 Firefox 改為兩週發版後的第一個月，Safari 27 也同步推出。progress()、alpha()、revert-rule、light-dark() 圖片值、overflow-anchor、sizes="auto" 等功能成為 Baseline Newly available，Safari 27 也支援可自訂的 select。本文整理對品牌網站與電商最有感的功能與導入策略。

從 Ruby on Rails 傳奇人物到 AI Agent 重度使用者：未來工程師可能不再比誰 Code 寫得快，而是比誰更知道「該做什麼」