瀏覽器上的儲存空間：sessionStorage、localStorage
本篇大綱：本篇要解決的問題。限制。瀏覽器上檢查。原生寫法、sessionStorage、localStorage。設定有效期限。推薦套件。Demo 及原始碼。
JavaScript
瀏覽器上的儲存空間：Cookie
本篇大綱：本篇要解決的問題。Cookie。Demo 及原始碼。關於瀏覽器上的儲存空間，預計會寫成系列文，項目包含：Cookie、Session Storage、Local Storage、IndexedDB。
用 Pusher 製作網站推播 Web Push 功能
本篇大綱：本篇要解決的問題：建立 Pusher Beams App。安裝 Pusher Web Push、Step1 建立 SW.js、Step2 安裝 Pusher SDK、Step3 要求顯示權限、Step4 發送一個推播 Web Push 、支援度。
CryptoJS 用前端加密、解密
本篇大綱：本篇要解決的問題。安裝、CDN、import。使用、AES 加密解密、Rabbit 加密解密。本篇是用 Crypto.js 來進行加解密的動作，選它是因為網路上很多人推薦，GitHub 上星星數也多。
Vue 3、Tailwind CSS 3、esbuild、rollup.js 開發初始檔
本篇大綱：本篇要解決的問題。安裝、使用。esbuild 開發時通知。Vue 3、Pinia。有問題就要去解決問題，而不是去解決之前的工程師 XD，就決定做一個可以加快開發速度的初始檔，剛好前陣子看到了 esbuild 這套速度快到飛高高的編譯工具，就拿它來開發時使用。
用 JavaScript 做一個 Tooltips 功能
本篇大綱：本篇要解決的問題。下載、引用 JS。基本使用。參數說明。客製樣式。點擊後執行 function。Demo 及原始碼。本篇是 August 自己寫了一個 Tooltips 的功能，預備著以後專案需要使用時直接下載下來引用，像是一篇使用的說明檔。
做一個簡單的網頁截圖功能
本篇大綱：本篇要解決的問題。將指定區塊轉成 Canvas。把 Canvas 轉存成圖檔。截多個 div 存成圖。範例及原始碼。把網頁的區塊存成圖檔，總覺得以後有機會再用到，就先整理這篇筆記文。
Color Thief 找出圖片裡的顏色
本篇大綱：本篇要解決的問題。Color Thief 基本使用、引用 JS、getColor 取得主要色碼、getPalette 取得調色盤、使用範例。排序色碼由亮到暗。取得使用者選擇的圖檔。RGB 轉 Hex 色碼。本篇原始碼及 Demo。
Javascript，XML 轉 JSON
本篇大綱：本篇要解決的問題。下載 JS 程式碼。取 XML 資料並轉成 JSON。轉出 JSON 的資料放進 OSM。本篇除了一個套件，也會實作取一個政府公開的 XML 資料，並放進開源的地圖 OSM 裡，再加上 marker，製作一個捷運站點地圖。
表單驗證：中文姓名、身分證、手機條碼、生日、信箱、手機、選擇縣市
本篇大綱：本篇要解決的問題。中文姓名。身分證字號、手機條碼。生日 / 出生年月日。E-mail 電子信箱。手機。選擇縣市。範例及原始碼。
用原生 JavaScript 做一個簡單的抽獎功能頁面
本篇大綱：本篇會完成的Demo、本篇用到資源、html部份、css部份、js部份、抽獎名單資料庫、範例頁面、原始碼。很多活動頁上都在玩抽獎，就自己動手寫了一個出來。把抽獎的名單換成店家名稱，順便再加上Google Map進去，就解決不知道午餐要吃什麼的煩惱啦~
Plyr 播放器使用筆記：控制項、取值、事件、改樣式、外部平台影片
本篇大綱：本篇要解決的問題。建立影片播放器及控制項、開啟所有控制項、新增字幕檔、新增多種畫質選擇、提示 Tooltip、中文化介面、時間軸加上段落標記。取值：影片總時長、當下秒數。監聽事件：播放、暫停。修改樣式。外部平台影片：Youtube、Vimeo。