Typescript小貼士：Declare globals
唔好咩都 as any 啦，用得 Typescript 就係為咗 type safe 同更 declarative，如果要加一個 object 比 window 我哋可以用 declare global 去 extends Window interface，咁咪唔使咩都 any 囉。
Posts
用 CSS 轉換 SVG 顏色
而家做網頁時好多時都需要做 light/dark mode，除咗轉 text 顏色 仲要轉埋 icon 顏色，唔想下下改 src，可以用 CSS value: currentColor 去改變 SVG fill property，只要喺 parent dom 比個 color: red, svg fill color 就會跟個值改變，仲可以配合 transition / animation 玩。 See the Pen CSS SVG fill color by littlecodeguy (@littlecodeguy) on CodePen.
HTML + CSS Progress Bar
大家知唔知原來 HTML 有 progress bar element <progress />，仲可以配合新嘅 CSS accent-color property 去做 customization。 See the Pen progress bar with pure HTML + CSS by littlecodeguy (@littlecodeguy) on CodePen.
用 OCR API 修改圖片嘅文字
最近太多幸災樂禍嘅網民，小曲子一見到呢啲圖就想改走啲字，所以就突發奇想點樣可以喺 browser 修改圖片嘅文字，搵到個唔錯嘅中文 ORC API 仲要免費添。 See the Pen OCR + text replace by littlecodeguy (@littlecodeguy) on CodePen.
Figma小貼士：複製 SVG
今日想介紹一個 Figma 小貼士，除咗 export 圖片，我哋都可以 copy as SVG 之後直接貼到 editor 作為 .svg file 或放入 React component，但前提 designer 要用 vector 而唔係 raster 圖。 export const Logo: FC<SVGProps<SVGSVGElement>> = props => ( // 貼上 SVG <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 484.88 461.23" preserveAspectRatio="none" // proportionally scale {...props} // spread props > <path d="M255.53,446.23c-102.85-1.19-193..." /> <path d="M161.57,461.23c-6.15-1.96-12.62..." /> </svg> );