OSM + Leaflet 學習筆記 1：建地圖、marker、事件、換圖層
探索如何使用 OpenStreetMap 和 Leaflet 來創建、自訂和互動您的地圖。本教程提供了從請求位置到添加自訂標記和地圖樣式的詳細步驟和代碼示例。
製作一個 Hugo + Tailwind CSS 初始檔
深入了解如何製作 Hugo + Tailwind CSS 的初始檔。從安裝、開發到產生靜態檔，本文詳細指導了各種設定和技巧，包括使用 Open Graph、Schema 結構化資料和處理圖檔。完整的初始檔案也已分享在 GitHub 上供大家參考。
CLI（Command-line Interface） 學習筆記
深入了解 Command-line Interface (CLI) 的基本操作和技巧。從查詢目錄、切換和創建文件夾到使用 nano 編輯文件，本文提供了詳細的步驟和示例，幫助你掌握 CLI 的強大功能。
表單驗證：中文姓名、身分證、手機條碼、生日、信箱、手機、選擇縣市
本篇大綱：本篇要解決的問題。中文姓名。身分證字號、手機條碼。生日 / 出生年月日。E-mail 電子信箱。手機。選擇縣市。範例及原始碼。
用原生 JavaScript 做一個簡單的抽獎功能頁面
本篇大綱：本篇會完成的Demo、本篇用到資源、html部份、css部份、js部份、抽獎名單資料庫、範例頁面、原始碼。很多活動頁上都在玩抽獎，就自己動手寫了一個出來。把抽獎的名單換成店家名稱，順便再加上Google Map進去，就解決不知道午餐要吃什麼的煩惱啦~
YAML 基本使用筆記
本篇大綱：本篇要解決的問題。YAML 重點觀念。註解。Key-Value Pairs。Objects。Array Lists。Multi Line Strings、Environment Variables、Placeholder。
Plyr 播放器使用筆記：控制項、取值、事件、改樣式、外部平台影片
本篇大綱：本篇要解決的問題。建立影片播放器及控制項、開啟所有控制項、新增字幕檔、新增多種畫質選擇、提示 Tooltip、中文化介面、時間軸加上段落標記。取值：影片總時長、當下秒數。監聽事件：播放、暫停。修改樣式。外部平台影片：Youtube、Vimeo。
Video.js 使用筆記：中文介面、取值、事件、改樣式
本篇大綱：本篇要解決的問題。建立影片播放器、引用 CSS、JS、HTML。使用中文介面。取值：影片總長度、當下秒數。監聽事件：播放、暫停。改變播放器樣式。範例原始碼。
Google Apps Script 抓 RSS 資料
學習如何使用 Google Apps Script 在 WordPress 上抓取 RSS 資料。本文以中央通訊社的國際新聞 RSS 為例，提供了詳細的步驟指南和實用技巧，助你輕鬆抓取和處理 RSS 數據。
GA3、GA4 的 6 個不同之處
這篇文章探討了 GA3 和 GA4 之間的六個主要差異。內容包括兩者在數據比較、User-ID 設定、事件追蹤、DebugView 事件偵錯、電子商務事件、轉換、工作階段、網頁瀏覽、跳出率、以及平均網頁停留時間和平均參與時間方面的不同。文章旨在幫助讀者理解 GA3 和 GA4 的區別和各自的特點。
用 Google Sheets 紀錄表單資料
探索 Google Sheets API 在 Google Apps Script 上的實用操作和技巧。本文詳細解釋了試算表和工作表的操作、好用函式和原始碼分享，是想要深入了解 Google Sheets API 應用的理想指南。
Recent Comments