心得
Web Gesture: Zoom-Pan Transform Strategy | 網頁手勢縮放 Zoom-Pan Transform 策略學習筆記
為什麼 Transform 策略適合 img 等不可捲動元素 單張圖片沒有「溢出內容需要捲動」的需求。放大後只需要： 視覺上放大圖片 手指拖曳平移到圖片的不同區域 這正好是 CSS transform:
read more
為什麼 Transform 策略適合 img 等不可捲動元素 單張圖片沒有「溢出內容需要捲動」的需求。放大後只需要： 視覺上放大圖片 手指拖曳平移到圖片的不同區域 這正好是 CSS transform:
read more
1. CSS Transform 不影響 Layout 這是最關鍵的概念： transform: scale(2); /* 視覺上放大 2 倍，但元素在 layout 中的尺寸不變 */ 瀏覽器的排版引擎（layout engine）完全忽略 trans
read more因為在 React web app 自定義 Material-UI button 的樣式時，遇到無法如預期顯示預期的樣式，所以花好多天尋找解決方式: Tag: StylesProvider with injectFirst。定位出這個問題的發生原
read moreBrowser Rendering Optimization by Google https://developers.google.com/web/fundamentals/performance/rendering/stick-to-compositor-only-properties-and-manage-layer-count FLIP Your Animations https://aerotwist.com/blog/flip-your-animations/ 轉譯效能 https://developers.google.com/web/fundamentals/performance/rendering/ Web fundamental at Google https://developers.google.com/web/fundamentals css triggers https://csstriggers.com/ mdn js https://developer.mozilla.org/zh-TW/docs/Web/JavaScript mdn css https://developer.mozilla.org/zh-TW/docs/Web/CSS web.dev https://web.dev/ csscoke youtube https://www.youtube.com/channel/UCQfjTYYrqxPg5LJmDBUesbQ csscoke website http://csscoke.com/
read moreFrom this link: http://stackoverflow.com/questions/27411581/centering-no-captcha-recaptcha/29836372?sgp=2#29836372, I have learned how to use css to position No Captcha reCaptcha at horizonal center inside a page. Belows are sass-syntax code. .your-recaptcha-class display: inline-block text-align: center inline-block means to represent your element to be text-feature and block-feature. Its format wouldn’t generate a new line with other elements itself and it’s also to be configured with padding, width, heigth, background-image attributes, …, etc. Extra reference about
read more
Howard Lee is a Staff Software Engineer based in Taipei, specializing in frontend architecture, CI/CD, and production-quality engineering for enterprise web applications. With 13+ years of software development experience, Howard has worked across B2B SaaS, IoT energy-management platforms, online travel marketplaces, and Android applications. His work focuses on modernizing large frontend systems, improving delivery quality, and building reliable product workflows with automated testing, observability, and practical cloud/platform integration. Core Expertise Frontend architecture: Angular 5 to 19 modernization, TypeScript, JavaScript, React, Next.
Know More