網路上有很多文章是關於如何使用 cdnjs.com 來引用遠端腳本和樣式，但卻沒有人提到如何將自己的專案提交到 cdnjs.com 來讓他們進行提供的服務，而這篇文章就是要提及這個。（雖然這篇有提到，但還是看不懂） 所以什麼是 CDNJS？CDN 意指大型內容分發網路，在傳統網站中使用者會拜訪你的網站，然後向你的網站請...

在程式界通常有兩種用來在單一變數中存放多個資料的型態，叫做「陣列」和「物件」（除非像 PHP 那種把全部都歸納成陣列）。 我們可以透過 Sass 裡的 Map 或 List 來歸納這些變數，所以我們就可以更好地整理這些變數，避免分散不易管理。 List - 陣列 雖然說陣列的英文應該是 Array，但是 Sass 裡面只有 List，反正用法都同樣，就索性叫...

前幾個星期因為 KEF 的入耳式耳機線材部分已經龜裂了（到底為什麼），所以想說如果可以的話入手一副基本的耳機用來替換。 剛好朋友推薦了 Tia-One，是一個來自新台灣廠商做的耳機，當初買這隻耳機的預購價是 1800 新台幣左右，上市之後的價格應該在 2200 新台幣附近。 其實我一直不曉得該用什麼形容來談論這家「公司」，因為他們的態度蠻...

Drone 是一個持續整合工具，這能夠自動測試你的程式，並且在成功時自動發佈，先前有特別寫了一篇「安裝 Drone 0.5 自動測試平台並與 Github 連結」可以仔細參閱。 這篇文章主要是敘述如何在 Drone 中設置 Slack 和電子郵件通知，如此一來你就不需要自己打開 Drone 網頁然後檢查建置是否成功，十分地方便。 在 Drone 中...

Mailgun 是一個免費的電子郵件發送提供者，你可以透過 Mailgun 來發送一些電子郵件，而 Mailgun 也能夠當作 Gitea 中發送一些通知郵件的 SMTP Server 來源，如果你沒有在 Gitea 中設置電子郵件設定，未來要重設密碼時就沒辦法接收到重設郵件。 本篇文章不會講述如何申請 Ma...

之前在做網站的時候要實作一個表情列表的功能，後來到了 StackOverflow 上面詢問如何透過簡單的方式輸出所有的 Emoji（原文：Is it possible to generate all the emojis and append to the select dropdown?），畢竟總不可能自己把每個都複製下來然後塞進列表裡吧，不過那篇文章是 ...

端對端測試大概是在你的測試工具裡面最強大的一項武器了，你能夠透過這個武器來模擬使用者的使用情景、如何去和網頁、單頁應用程式互動，以此來檢查你的網頁是否運作正常。不幸的是撰寫這種測試有一定的難度，而且還要花過多的時間在雕塑單個測試單元上，接著還要花上一堆時間在建立環境跟設置，還有更多更多的事情⋯⋯。 幸好現在已經有比較方便的解決方案。我們會談到的就是 ...

Vultr 是一個像 DigitalOcean 那樣的虛擬主機服務商，你可以直接在線上承租伺服器，數分鐘就可以搞定一個網站伺服器、資料庫、Git 伺服器，不過 Vultr 比 DigitalOcean 更晚起步，功能卻比 DigitalOcean 多一些，其中就有一個是 DigitalOcean 最近才會推出的「區塊存儲」服務。...

在剛接觸前端設計時，我們常會聽見兩個東西，不外乎就是 Bootstrap 和 jQuery，今天要談論的則是其中的 jQuery。jQuery 是個跨瀏覽器的 JavaScript 函式庫，透過簡單的幾個函式，就能夠輕鬆地操控頁面上的 DOM、元素。 其方法用起來真的夭壽簡單，但這僅限於你要開發單個頁面而已。倘若你正在開發一個小...

在前幾個星期的文章中我們提到了「比起 JSON 更方便、更快速、更簡短的 Protobuf 格式」，但這還沒完。Google 為此推出了一個新的程式呼叫協議 gRPC，簡單說就是能夠從你的 Protobuf 檔案生出一個伺服器出來，這個好處就是不需要像傳統 RESTful API 伺服器ㄧ樣撰寫一堆路由。 當我們撰寫傳統 RES...