陳冠霖

當初選擇自架 blog,除了因為線上 blog 平台不能完美的滿足自己紀錄技術文的需求以外,希望可以自己能設計出自己喜歡風格的個人網站,以及簡潔流暢的介面,當我處理好內容以及樣式設計還有 donate 連結,下一步就是想讓網站可以有更多的社群互動,disqus 有販賣數據的嫌疑,一方面又覺得整合 github 的 utterance 還是沒有其他 …

--

--

如同哪個編輯器是世界上最好的編輯器這個軟體工程師的經典問題一樣,到底程式碼的縮排要用 tab 還是用 space ? 歷史上有許多工程師為此爭論不休,甚至美國影集 Silicon Valley 也把這個問題放到劇情裡面。

但我過去的確是 space 派的,space 取代 tab 做縮排有相當多的好處,雖然要多按幾下,而且在不同的 editor 系統上 …

--

--

雖然標題叫做一個前端工程師的婚禮黑客松,但其實寫程式的部分也沒有大家想像中的多,主要還是完成婚禮的軟體周邊,像是婚禮網站 Google 表單電子喜帖等等功能為主,大部分還是用現成的服務,用這篇文章記錄一下這次自己舉辦婚禮幫忙弄的週邊軟體服務內容以及注意的點,希望可以幫助到未來或是正在準備婚禮的新人去準備這些東西。

文章記錄在個人 blog,未來文章 …

--

--

常常接到設計師或是 PM 提出這樣的需求,用 hover 來取代 click 來觸發開啟選單或者切換 tab,這樣設計的除了可以告知使用者這邊有隱藏的內容選單,使用者也可減少一個點擊的動作來達到開啟選單的目的。

但這樣的設計會產生兩個讓使用者感到困擾的問題:

  1. 移動滑鼠或捲動頁面時因為滑鼠動線導致選單非出於意願的自動開啟,遮蓋使用者關注的內容
  2. 滑鼠移 …

--

--

網頁黑暗模式 dark mode 的出發點是讓晚上夜貓子的使用者不會受到螢幕強烈的白光照射瞳孔,對於需要大量閱讀文字的服務如 blog 新聞類的網頁,利用黑底白字強調內容並增加訊噪比,是一個希望在黑暗環境中增進使用者體驗的做法,另外發的光少,也有節約電力的好處。本文介紹目前自己研究 dark mode 的心得以及設計技巧。

文章記錄在個人 blog, …

--

--

起因

最近一直覺得在 Medium 寫技術 blog 的體驗不是很好,尤其是對於 code syntax highlight 的缺乏,如果我要貼 code 在 Medium 上,要用內建沒有 code syntax highlight 的 codeblock,不然就是貼在 gist 上再 iframe embed 進來,我最後選擇是直接在 vscode …

--

--

陳冠霖

陳冠霖

Yahoo Taiwan Sr. Frontend Engineer. Write something about web and React.js here.