前端如何使用 Shadow DOM ，打造獨立插槽樣式的可重用網頁元件。 2025 年 8 月 30 日2025 年 8 月 3 日 作者: pooh 再前端專案開發，Web Components（網頁元件） 打造可重用、模組化介面是在工作中不考或缺的能力。而其 … 閱讀全文
純SCSS，不靠 JavaScript，輕鬆實現滑鼠位置偵測 2025 年 8 月 30 日2025 年 5 月 18 日 作者: pooh 在現代網頁開發中，互動性是吸引用戶目光與提升使用體驗的關鍵。大多數動態效果，例如滑鼠追蹤、點擊放大或拖曳，幾乎 … 閱讀全文
前端互動設計【以滑鼠方向動畫增強體驗】 2025 年 8 月 30 日2024 年 1 月 5 日 作者: pooh 在數位時代，網頁設計的創新與互動性成為吸引用戶的重要因素，而偵測滑鼠的動畫效果也愈來愈普遍，也是提升網頁互動性 … 閱讀全文
一篇就夠 CSS的 max()、min()、clamp()、calc() 2025 年 8 月 30 日2023 年 10 月 25 日 作者: pooh max() 用途：設定一系列的值，並返回其中的最大值。 例子：在這個例子中，.box 的寬度將為 300px … 閱讀全文
CSS 變數 (CSS Variables) 教學 2025 年 8 月 30 日2023 年 10 月 24 日 作者: pooh CSS 變數，這是在IE死亡後，最需要惡補的一項技能，CSS變數能使頁面的變化更上一層，也能幫助CODE簡化很 … 閱讀全文
SCSS 語法使用方法(@mixin @extend @function) 2025 年 8 月 30 日2023 年 9 月 29 日 作者: pooh SCSS 是用來開發CSS而發明的一種擴展語言，CSS 既非標準程式語言，也不是標記語言, 而是一種風格頁面語 … 閱讀全文
