weekly-thought-5/30
這個禮拜不談「新」東西,多數會是關於網頁開發的重新思考。算是回過頭來漸漸補齊自己的技術債吧!比起前幾個禮拜所談的新東西,這一篇文章可能相對枯燥一點,當然篇幅也會比較長,但我認為這是必要的。 這些東西在前端變化快速的時代下或許顯得不那麼重要,不過思考總是件好事。 語義化標籤重新思考語義化這件事會有這個想法,是看到 instant article 的 html 架構,他們規範 instant arti...
一位在台北求生存的大學生。喜歡看日劇、喝☕️、吃🍖。
這個禮拜不談「新」東西,多數會是關於網頁開發的重新思考。算是回過頭來漸漸補齊自己的技術債吧!比起前幾個禮拜所談的新東西,這一篇文章可能相對枯燥一點,當然篇幅也會比較長,但我認為這是必要的。 這些東西在前端變化快速的時代下或許顯得不那麼重要,不過思考總是件好事。 語義化標籤重新思考語義化這件事會有這個想法,是看到 instant article 的 html 架構,他們規範 instant arti...
這禮拜發現的新東西這個禮拜在思考關於重構的東西,在前端還可以怎麼實踐。css 的部分已經有大致的雛形出來了,把相關的註解跟文件寫完之後再和大家分享心得。 Get your ../../ outreference css 部分重構完之後,再來就是要對 js 下手了。目前比較困擾的幾個點有: component 初期的部分比較亂 有些 flux、有些 redux 再來是我認為最麻煩的,就是路徑管理...
發現的新東西瀏覽器的字體渲染前陣子發現了 font-smoothing 的屬性,雖然 w3c 已經把他從標準刪除,但在 chrome 上面還是可以使用這個屬性。 但令人好奇的是,其他瀏覽器的字體渲染方式呢? 其實字型渲染是一個一直以來容易被忽略,卻又是極為重要的議題。因為網站的易讀性除了 layout 之外,再來就是字體了。 為了確認網站在瀏覽器的一致性,稍微研究了一下字體渲染的方式。分享在這邊給...
發現的新東西別跟我說你懂 margin拿捏 margin 跟 padding 可以很容易地看出前端工程師對 CSS 的掌握程度。說真的超多眉眉角角的,不過看完文章發現原來 margin 的妙用這麼多。以後的實踐或許有比較容易的方法也說不定! MutationObserver這個鮮為人知的 API,被喜歡翻 MSDN 的我挖掘到了,基本上已經支持目前主流的瀏覽器(IE11+)。 看完介紹會發現他很像...
這次介紹一下我建置 style guide 的過程以及心得。 工作內容 styleguide 建置 新的 ws_job_index search bar Styleguide 真的很重要在建置的過程中,我們常常會忽略,「如果是別人,該如何快速懂得文件的內容」。所以在上以前的 view 當中,我其實都不太清楚。「啊!原來這個已經寫成 helper 了」「啊!這個已經寫成 class」的情況屢見不鮮...
發現的新東西flow第一次聽到,是從 henry 的口中。第二次看到,是從看了 draftjs 的 source code。 當前端的 code 無可避免地增肥之後(尤其是 js 跟 css),我們也應該尋找更有效的代碼管理方式。像是逐漸引入的 eslinter 跟 stylelint 都是。 而 flow 給我的感覺有點像 Typescript,但優點是你可以完全用寫 js 的方式,也不需要改變...