表單驗證：中文姓名、身分證、手機條碼、生日、信箱、手機、選擇縣市
本篇大綱：本篇要解決的問題。中文姓名。身分證字號、手機條碼。生日 / 出生年月日。E-mail 電子信箱。手機。選擇縣市。範例及原始碼。
這是廣告，點擊一下可以幫本站多個一點點的廣告收入，謝謝
用原生 JavaScript 做一個簡單的抽獎功能頁面
本篇大綱：本篇會完成的Demo、本篇用到資源、html部份、css部份、js部份、抽獎名單資料庫、範例頁面、原始碼。很多活動頁上都在玩抽獎，就自己動手寫了一個出來。把抽獎的名單換成店家名稱，順便再加上Google Map進去，就解決不知道午餐要吃什麼的煩惱啦~
Hugo 學習筆記
本篇大綱：本篇要解決的問題。Command-Line。archetypes。layouts。Base Template。列表頁、單文頁 VS. Section Template。Partials。Shortcode。content。data。文章分類。Variables。Functions。if else。
YAML 基本使用筆記
本篇大綱：本篇要解決的問題。YAML 重點觀念。註解。Key-Value Pairs。Objects。Array Lists。Multi Line Strings、Environment Variables、Placeholder。
Plyr 播放器使用筆記：控制項、取值、事件、改樣式、外部平台影片
本篇大綱：本篇要解決的問題。建立影片播放器及控制項、開啟所有控制項、新增字幕檔、新增多種畫質選擇、提示 Tooltip、中文化介面、時間軸加上段落標記。取值：影片總時長、當下秒數。監聽事件：播放、暫停。修改樣式。外部平台影片：Youtube、Vimeo。
Video.js 使用筆記：中文介面、取值、事件、改樣式
本篇大綱：本篇要解決的問題。建立影片播放器、引用 CSS、JS、HTML。使用中文介面。取值：影片總長度、當下秒數。監聽事件：播放、暫停。改變播放器樣式。範例原始碼。
GA3、GA4 的 6 個不同之處
本篇大綱：本篇要解決的問題。GA3、GA4 數據比較、設定 User-ID。User-ID 的用途。事件、GA3、GA4 事件是不同概念、DebugView 事件偵錯、電子商務事件、轉換。工作階段、網頁瀏覽。跳出率。平均網頁停留時間、平均參與時間。
用 Google Sheets 紀錄表單資料
本篇大綱：本篇要解決的問題。製作一個表單頁面。建立一個 Google Sheets 檔案，開啟 GAS 功能。GAS 收到 POST 後把資料寫進試算表、清空試算表、部署 Apps Script，取得應用程式 URL。表單頁，送出資料程式碼。Demo 及完整程式碼。
GA4 事件：GA3 事件轉移，及如何查看完整事件報表
本篇大綱：本篇要解決的問題。GA3 vs. GA4 事件、GA3 的參數，不在 GA4 的預設參數裡。讓 GA3 的事件出現在 GA4 報表。查看完整的事件報表。筆記後心得。
用 Google Sheets 取得電子報中點擊回覆結果
本篇大綱：本篇要解決的問題。製作一份電子報。製作一個 Google 表單，抓需要的欄位值。建立回覆結果頁、抓取網址參數、把結果 POST 到 Google 表單、清掉網址上的 email 參數、不同的結果，顯示不同的文字。Demo 頁、原始碼。
改變 iframe src 時不增加瀏覽歷史紀錄
本篇大綱：本篇要解決的問題。製作一個 Demo。解法：直接替換掉 iframe 的 HTML。實測後發現，是每換一次 iframe src，瀏覽紀錄就會被新增一筆，所以按了上一頁，就是回到原頁，使用者就會以為上一頁的按鈕壞了。