OSM + Leaflet 學習筆記1：建地圖、marker、事件、換圖層
本篇大綱：本篇要解決的問題。請求地點，建立地圖。放置 Marker。Map 點擊事件。zoom in, zoom out。改變地圖樣式 Layer。本篇 Demo 及原始碼。Google Maps 好用，但過了一定的額度會收費，當時就有人留言問說免費地圖的事，有留上了心。
Front-End
Word、Excel 合併列印功能使用筆記
本篇大綱：本篇要解決的問題。工程師角度介紹合併列印。製作 Excel 檔。製作 Word。合併列印功能、啟用合併列印、選取收件者、插入合併欄位、完成合併。篩選功能。範例檔案下載。
用 Vue.js 製作圖片版 EDM 生成器
本篇大綱：本篇要解決的問題。預覽、產出的HTML，要分開。用 replace 替代 hack，補上 width、html。檔案包成 zip 的套件：JSZip、FileSaver.js。抓圖檔要用 FileReader。JSZip 抓圖檔，要刪掉 base64 的開頭。demo 及原始檔下載。
第 100 篇：起點、轉折、then()
賀~本站文章數到達第 100 篇啦~~造訪人次也在這個月破了 10 萬，平日的不重複瀏覽量也破 600 啦~最重要的是，本站終於有了專屬的 Logo！網站跟各社群上都更新了，完完全全是請設計師設計的，不再是素材網上找一找然後拼湊而成。
滿版圖片背景、影音背景
本篇大綱：本篇要解決的問題、滿版背景圖、滿版影音背景。最近遇到頁面的第一屏是滿版影片當背景的設計稿，原本以為只是偶爾有的樣式，後來看到朋友做別的案子時也有一樣的設計，才想把這次寫滿版影片的方式給筆記起來。
TestCafe 學習筆記 – 2：常用設定及功能
本篇大綱：typeText，輸入文字時可帶的參數。比對網址。修改等待時間。螢幕截圖。用瀏覽器的模擬手機功能。取消快取。建立不同會員身份來測試。這篇是 Augustus 翻了一次 TestCafe 的說明文件後，整理出覺得會常用到的部份。
TestCafe 學習筆記 – 1：自動化測試會員登入
本篇大綱：關於 End-to-End 測試。安裝 TestCafe。撰寫測試檔、Fixtures、Tests。頁面上互動。執行自動化測試。設定排程、機器人通知。程式碼。筆記後心得。選擇使用 TestCafe，主要是因為比較好學，而且 Youtube 上的教學也比較多。
製作 RWD email 工具：MJML，如何使用及注意事項
本篇大綱：本篇要解決的問題。安裝 MJML。開始使用。MJML 程式碼，寬度、CSS、Style、一般的 a 標籤。整理注意事項的原始碼。用完 MJML 這套 RWD email 工具後深深覺得，終於得到一套 +8 精煉的對抗 Outlook 的神器了！
GitLab Pages：3 + 2 個步驟讓 GitLab 專案產生靜態頁
本篇大綱：GitLab生成靜態頁，私人專案也行。1 要生成靜態頁的檔案都放進「public」資料夾內。2 建立.gitlab-ci.yaml的檔案3 專案push到GitLab上。+1 等gitlab pipelines顯示狀態為「passed」。+2 輸入GitLab Pages產生靜態頁後的網址。
WebSocket 基本介紹及使用筆記
本篇大綱：WebSocket 前端得懂一點。WebSocket 重點心智圖。用 Node.js 建一個簡單的 WebSocket Server。前端連結 WebSocket。1 建立 WebSocket、2 監聽 WebSocket 事件、3 Client 端發訊息給 WS Server。
Auth0 Universal Login，做一個自己的會員註冊、登入功能
本篇大綱：Auth0 Universal Login步驟。註冊Auth0，設定基本資訊。取得domain、client ID。設定 Login box的樣式。引用createAuth0Client。取得Auth0 config。判斷是否登入，登入就取得資訊。加入LINE登入。Auth0後台看會員狀況
用原生 JavaScript 寫一組社群分享按鈕（FB、LINE、Twitter）
本篇大綱：外掛有好也有壞，決定自己寫。1 取得分享按鈕的 HTML：FB、LINE、Twitter。2 頁面上額外載入 JS 檔。3 抓每一頁的網址。4 頁面上嵌入 HTML。5 設計按鈕樣式。6 原始碼要放哪。完整程式碼。