avatar

Calpa

夢裡不覺秋已深

餘情豈是為他人

React-markdown -- 實時渲染 Markdown 的 React 工具

React 應用輕量化(一)Source Map

前言create-react-app 提供了很方便的創建 React 應用途徑。它已經把 webpack, Babel, Autoprefixer, ESLint, Jest 等常用工具打包進去。可以說是一個非常方便,好用的製造 React 應用工具。當我打算把包裝好的檔案推上去的時候,我卻發現..

善用 Github Issue 的開源評論插件 -- Gitalk

前言以前,我的博客是用 Disqus 的評論插件,但是無論是載入速度,還是樣式上,都是有所缺乏的。我一直沒有安裝其他的評論插件,因為覺得搬家有點麻煩。但是當我試用一下之後,我就覺得這個插件安裝很方便,功能也很實用,尤其是可以寫 Markdown 評論,就讓我非常喜歡這個插件了。因此,我拜讀了一..

項目代碼調試:提問前要做的六個步驟

上天對於每個地球人都是公平的,每個人都一天只有 24 小時。為什麼有的人會停留不前,有的人卻會不斷有所成長?其中一個原因是當遇到問題時,他們解決問題的方法是非常不同的。同樣是遇到問題,與其伸手,等其他程序員幫助去解決問題,倒不如自己先嘗試各種方法,然後才問人家。。。我會在這篇文章簡單說一下在你提..

簡單易用的開源 JavaScript 動畫圖標庫 -- Titanic

如果你用過 Font Awesome 等圖標,你可能會覺得它們很好看,用起來很很方便。但是,在用戶點擊這些圖標的時候,它們是不會有反應的。如果有這些圖標會動的話,那就更加好。Titanic 提供一系列的動畫圖標,以及以 JavaScript 的調用圖標動畫的方法。 如果你想要看 Hello, W..

神兵利器 -- HHKB Pro 2 開箱文

我一開始拿到 Happy Hacking KeyBoard Pro 2時,我就問為什麼鍵盤可以完全沒有字的,那叫我如何輸入。。。雖然我可以盲打(不看鍵盤直接輸入),但也許我未必可以有能力使用這樣的鍵盤。但寫了一天代碼之後,我才發現,原來這一切都是自己的猜疑而已。這個鍵盤打起來就是一個字,爽。 ..

【翻譯】前端性能優化必備工具清單

在網頁開發的世界裡,尤其是前端開發,我們會用很多時間尋找最好的設計,以及最好的內容。雖然這是沒有錯的,但是,我們會忘記去優化我們的網頁。。。這會讓用戶需要很久的時間,比如說,瀏覽器需要六秒到十秒以上才能完成整個渲染過程。。。 在這篇文章,我會分享優化網頁的檢查清單。如果你覺得我有錯漏的地方,請在..

【多圖】2017 年香港開源年會後記

大約兩個星期之前,我在 Facebook上看到 2017 年的香港開源年會的消息。我想,我是不是可以透過這個機會,認識一下不同領域的程序員呢。於是,我在 EventBrite 上面買了學生票。但最終我拿到 VIP 票了,感覺有點激動。我把這一次的會議做了幾點筆記,也許,每一個人都應該參加最少一次..