標籤:: 前端

weekly-thought-7/31

發現的新東西瀏覽器的字體渲染前陣子發現了 font-smoothing 的屬性,雖然 w3c 已經把他從標準刪除,但在 chrome 上面還是可以使用這個屬性。 但令人好奇的是,其他瀏覽器的字體渲染方式呢? 其實字型渲染是一個一直以來容易被忽略,卻又是極為重要的議題。因為網站的易讀性除了 layout 之外,再來就是字體了。 為了確認網站在瀏覽器的一致性,稍微研究了一下字體渲染的方式。分享在這邊給...

如何從 legacy code 中尋找出口(中)- CSS 篇

前言我們的第一步是先從 CSS 下手,因為 css 是相對於其他前端部分來說比較容易重構的部分。很容易髒亂的 code 也是 CSS。 上一篇描述了在大型專案中引入新框架及技術的困難點,這一篇主要會專注在如何透過現有的工具及框架來重構現有的代碼。 本次的重構技巧會以 SCSS 為主,所以在閱讀本文之前,我先假設你已經有基本的 SCSS 以及 CSS 的基礎。其他預處理器的概念應該是相通的。 引入 ...

從 legacy code 中尋找出口(上)

在我第一次進入主產品開發後,把代碼從 Github 上面 pull 下來。 「這是什麼鬼東西?」 結構混亂,大量覆寫的 class 各處都是,以及很可怕的巢狀 ID。view 的部分也有些地方非常雜亂……。看來 legacy code 跟 refactor 永遠都在進行式。 對於日新月異的前端來說,要接觸一個新技術、框架並不是太困難的事。但困難點在於如何在現有的大型專案中做取捨,我們常常會有其他考...