前端
客製化影片播放器 Media Chrome 使用指南 (三)
接下來我們要開始進入到 Media Chrome 如何整合到前端框架 Vue / Nuxt 裡面來使用！以及如何支援其他的媒體格式？還有多國語系的處理？
30 Dec, 2025
前端
客製化影片播放器 Media Chrome 使用指南 (二)
本篇要來解紹 Media Chrome 的 CSS 變數與狀態屬性，讓你們可以高度的客製化自己的 UI 調整樣式！
22 Dec, 2025
前端
客製化影片播放器 Media Chrome 使用指南 (一)
Media Chrome 是由 Mux 團隊開發的一套 Web Components 播放器控制元件庫。它的核心理念是「將 UI 與播放引擎分離」，讓你可以用 HTML 標籤組合出高度客製化的影片播放器。
19 Dec, 2025
CSS
CSS Transition 動畫效能提升與方法的選擇！
在開發側邊選單時，我遇到一個有趣的效能問題，當點擊按鈕改變選單的 width 時，transition 動畫會明顯卡頓。表面上看起來是個簡單的寬度變化，但實際上因為粗心所以第一時間沒發現子元件隱藏著嚴重的效能問題。
19 Nov, 2025
Vibe Coding
Spec Kit 指令快速打造 SDD 規格驅動開發文件使用指南 !
在 Vibe Coding 開發的時代，我們經常遇到一個問題是給 AI 一個模糊的描述，它卻產生了完全不符合期望的程式碼，然而 GitHub 推出的 Spec Kit 透過規格驅動開發（Spec-Driven Development, SDD），徹底解決了這個問題。
22 Sept, 2025
Nuxt
Vite 與 Nuxt 環境變數的安全遷移指南！
過去在做專案的遷移的時候，許多開發者在使用 Nuxt3 時，會延續 Nuxt2 或其他框架的習慣，使用 vite.define 來處理環境變數。這種方式超級不安全的，近期就發現公司其他的專案環境變數的 token 居然就外洩出去了
3 July, 2025