HTML

「曉聲通秋茄」是一套源於「隨峰體」的手寫中文字型，具有教育標準筆形、教育範圍內不缺字( 支援小學「國語課本」生字詞索引，涵蓋康軒、南一、翰林三家出版社的各學年 )及以國字標準為前提，支援閩南語、客家話、日本語、各式拼音、及港澳用字等特點。根據作者的自述，其用一年的時間逐字將筆畫依照《國字標準字體教師手冊》進行修改，再手工補足國語辭典中的次常用及異體字，新造字數超過原始母字型總字數一倍以上。確保在廣泛文學閱讀時不缺字，每個字的筆形都能與教學一致，老師們能安心在各種教案情境下運用。「曉聲通秋茄」提供僅漢字、注音版、拼音三種版本可供選擇。「曉聲通秋茄」為開放原始碼，不但免費且可商用。

Yay Boo 是一個免費網站搭建工具，讓使用者輕鬆建立屬於自己的個人網站。除了提供 10 MB 的免費空間，還能在 yay.boo 主網域內自訂子網域名稱，例如：chtouch.yay.boo。使用流程非常簡單，使用者只需上傳包含 index.html 的網站檔案，設定想使用的子網域名稱，並輸入電子郵件，即可完成網站搭建。若後續需要管理網站，使用最初提供的電子郵件即可登入進行管理。雖然免費空間只有 10 MB，但圖片等媒體檔案可以透過外部連結來節省空間，對於網站初學者或是想要建立個人網站的人來說，還是一個不錯的選擇。

要使用 Unicode 編碼，可以直接到 Unicode 官方網站，以獲取標準編碼信息。此外，還可以使用免費工具軟體 Unicodia，它基本上相當於Unicode 的 Windows 查詢版本。Unicodia 包含了Unicode 的所有符號，並提供 HTML、UTF-8、UTF-16 和 UTF-32的轉換碼列表，這使得它在網頁應用和文檔編輯方面非常方便。

Uiverse 是一個匯集數千個由 CSS 或 Tailwind 精心設計的網頁元件線上工具。從 Buttons、Checkboxes、Toggle Switches、Cards、Loaders、Inputs、Radio Buttons、Forms、Patterns 到 Tooltips，涵蓋了網頁設計中常見的各種元件。每個元件都提供 HTML 和 CSS 原始碼，讓使用者輕鬆取得並直接應用於網頁。Uiverse 不僅提供了線上範例，讓使用者快速預覽效果，還具有社群驅動的特點，所有的 UI 元素都由熱衷的社群成員貢獻製作。這些元件完全免費，並以開放原始碼的形式提供，可在個人和商業項目中自由使用。這個資源庫為設計師和開發者提供了極具靈感的創意空間，讓網頁元素的選擇變得更加豐富多樣。

UI Buttons 是個為網頁提供各種可與使用者互動按鈕的網站，每個按鈕範例均有實例展示，遇到合適的還可以直接複製其提供的 HTML 及 CSS 語法，貼到網頁想要使用的位置即可，相當方便，即便是不用，也可以從中學習 CSS 語法，增加自己排版功力。

Transform tools 是一個免費的線上工具，專為轉換用於網頁開發與數據描述格式而設計。例如將 SVG 轉成 JSX、HTML 轉成 JSX、JSON 轉成 TypeScript 或是 JSON 轉 MySQL 及 CSS 轉 TailwindCSS 等。Transform tools 平台目前可以對 SVG、HTML、JSON、JSON Schema、CSS、JavaScript、GraphQL、JSON-LD、TypeScript、Flow 及其他，例如 Markdown to HTML 等。每種主要格式可轉換的格式各有不同，例如：JSON 格式可轉出一個 Create table 的 MySQL Script，免除還要手動的改寫的麻煩。

現在許多網頁都提供了明亮與黑暗主題的切換功能，這能夠讓使用者享受更佳的瀏覽體驗。如果也想在自家網頁中加入此功能，但又不想花費大量時間重新設計與實現 Dark Mode 切換，那麼可以考慮使用 Theme Toggles。Theme Toggles 是一個提供 Dark Mode 切換範本程式碼的網站，每個範例都可直接操作，如果覺得適合，使用者可以輕鬆將所需的 HTML 語法和 React 程式碼複製到自家網站中使用。Theme Toggles 是一個開放原始碼項目，適用於各種 CSS 框架，例如 Tailwindcss，所有範例均已模組化，可根據不同的需求進行客製化。透過 Theme Toggles，讓網站添加 Dark Mode 切換功能將變得更加輕鬆和便捷。

Material Symbols & Icons 是一套由 Google Fonts 所推出的圖示字型，將超過 3,216 個字形整合到一個字體檔案中，並具有多種設計變體。每種圖示都提供 Outlined、Rounded 及 Sharp 三種樣式以及 Fill、Weight、Grade 及 Optical Size 四種可調節的可變字體樣式，並讓使用者自行選擇要以字型或是 SVG、PNG 圖檔格式下載。使用者可以在線上自行操作設定圖示並複製所提供的 CSS 及 HTML Code，輕鬆將其應用到自己的 Wwb、Android 或是 iOS 專案中。此外，該圖示套件還支援 Figma Plugin，在 Figma 中輕鬆使用。Material Symbols & Icons 採 Apache license 授權，這表示不論是個人還是商業使用均可。

MarkdownDown 是一個網頁轉 Markdown 的免費線上工具，使用者僅需輸入要轉換的網址就可以輕鬆將網頁內容轉換為 Markdown 文件。除了能夠將網頁內容轉換為 Markdown 格式外，MarkdownDown 還提供了額外的選項，例如刪除非內容的 HTML 元素、下載圖片並以連結形式插入 Markdown 文件中，以及應用 GPT 過濾器等功能，使使用者的 Markdown 檔案更加完善。透過 MarkdownDown，使用者可以輕鬆在不同平台上分享和編輯內容，從而提高工作效率。

Lucide 是一個免費且開放原始碼的 SVG 圖示庫，提供的圖示類型有無障礙、帳戶、動物、箭頭、品牌等 40多種類型的圖示，總數達到 1500多個。這些圖示除了提供 SVG 向量格式外，也支援多種 JavaScript 框架及工具，包括：Vanilla、React、Vue、Svelte、Preact、Solid、Angular、Icon Font，除此之外，還能透過 HTML 語法中的 JSX 嵌入，滿足不同開發需求。另外，Lucide 也提供可以客製化這些圖示的工具，使用者可以透過這些工具輕鬆更改圖示顏色、描邊粗細（Stroke Width）、尺寸與開啟絕對值描邊粗細( Absolute Stroke width_)等。Lucide 圖示庫採用 ISC License，簡單來說這些圖示不但可以免費使用，還可以編輯與再分發，非常適合個人專案與商業用途使用。

Live CSS Tester 是個免費的瀏覽器擴充功能，使用方式非常簡單，只要到達要測試的網站後，開啟 Live CSS Tester 的 CSS 編輯器，輸入 CSS 語法，就能將該段 CSS 語法注入到該網頁中，即時呈現該段 CSS 對網頁所帶來的效果與影響。Live CSS Tester 提供程式碼提示和程式碼完成功能，輔助用戶輸入 CSS 語法。

Free HTML 404 page templates 是個免費提供 404頁面模板的網站，使用方式很簡便，只需在網站上瀏覽並選擇自己喜歡的模板，就可以使用 CodePen 進行預覽並可以根據自己的需求，修改模板的顏色、字體、圖像等元素，以便與自己的網站風格相匹配。一旦滿意了修改後的模板，只需複制所需的 HTML、CSS 及 Javascript 語法，然後將其貼到網站中相應的 404 頁面即可。