avatar

Calpa

夢裡不覺秋已深,餘情豈是為他人。

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

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


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

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


【翻譯】前端性能測試必備工具清單

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


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

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


香港開放數據平台 - 從入門到放棄

前言經過 2017 年香港開源年會之後,我都沒有去看香港的開放數據做得怎麼樣。今天香港正懸掛八號風球,正好是一個機會去了解一下。香港政府有一個開放數據平台,資料一線通,以多種檔案格式提供多個政府部門類別,機構的一些查詢資料,比如說天氣預報,中學教育統計資料。值得注意的是,這些檔案並不是 ODF,..


5分鐘製作 Markdown PowerPoint

關於我 自學 Web 前端程序員 香港科技大學化學工程三年級學生 曾經參加過 6次 Hackathon 技術博客: https://calpa.me 以前製作 PowerPoint 的方法Microsoft PowerPoint Apache OpenOffice Impress Git ..


JavaScript Array.map(parseInt) 錯誤解決方案

如果我想轉換數組裡面的字符串為數字的話,很自然就會想到 map 和 parseInt 這兩個方法。但是用起來的時候卻不是我想要的結果。。。 12345var a = ["1", "2", "3", "4", "5"];var b = a.map(parseInt);console.log(b);..


為什麼要寫技術博客?

從第一篇《Hello World》文章,我已經開始寫博客半年了,一共寫三十多篇,平均一個禮拜出一篇文章。其實,我沒有想那麼多,直接就開始寫文章了。可能我的博客沒有其他人寫得那麼好,但是我依然堅持寫博客。每一篇文章是需要一點時間構思、撰寫,但是這點時間是很值得的。 原因 重用問題解決方案我們在寫代..