曉聲通秋茄:手寫繁體中文字型,還有注音、拼音版免費可商用

曉聲通秋茄:手寫繁體中文字型,還有注音、拼音版免費可商用

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

Yay Boo:免費網站搭建工具,輕鬆自訂個人子網域

Yay Boo:免費網站搭建工具,輕鬆自訂個人子網域

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

VERT:開源本地端檔案格式轉換器,隱私優先的免費瀏覽器轉檔工具

VERT:開源本地端檔案格式轉換器,隱私優先的免費瀏覽器轉檔工具

VERT 支援廣泛的檔案格式轉換需求。在圖片格式方面,支援 PNG、JPEG、WebP、GIF、HEIC、ICO、BMP 等超過 20 種常見及專業影像格式;音訊轉換涵蓋 MP3、WAV、FLAC、OGG、AAC、M4A 等主流音樂格式;文件處理則包含 DOCX、XML、DOC、Markdown、HTML、RTF、CSV、JSON、EPUB 等辦公及網頁格式,而影片格式則支援8種格式,包括MP4、WebM、AVI 等主流格式。VERT 在處理影片轉檔時採用混合式架構,雖然預設使用伺服器處理以確保效能,但同樣提供了本地端影片轉換的設定選項。整個系統完全無檔案大小限制,且承諾永久免費使用,不含任何廣告干擾。

Unicodia 快速取得所有 Unicode 符號的 HTML、UTF-8、UTF-16 和 UTF-32 編碼

Unicodia 快速取得所有 Unicode 符號的 HTML、UTF-8、UTF-16 和 UTF-32 編碼

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

Uiverse 免費線上 CSS 元件庫,數千種美觀元件供自由使用

Uiverse 免費線上 CSS 元件庫,數千種美觀元件供自由使用

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

Transform Tools:數據描述格式轉換線上工具,支援SVG、HTML、JSON、CSS等多種

Transform Tools:數據描述格式轉換線上工具,支援SVG、HTML、JSON、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,免除還要手動的改寫的麻煩。

Theme Toggles:輕鬆實現網頁 Dark Mode 切換功能,程式碼直接複製使用

Theme Toggles:輕鬆實現網頁 Dark Mode 切換功能,程式碼直接複製使用

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

Material Symbols & Icons:Google Fonts 所推出圖示字型,還有 SVG 及 PNG 可選

Material Symbols & Icons:Google Fonts 所推出圖示字型,還有 SVG 及 PNG 可選

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 文件的免費工具

MarkdownDown:線上將網頁轉換為 Markdown 文件的免費工具

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

Lucide:免費開源、可客製化的 SVG 圖示庫,支援編輯與商用的 ISC 授權

Lucide:免費開源、可客製化的 SVG 圖示庫,支援編輯與商用的 ISC 授權

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 在任何網頁注入 CSS 進行即時測試

Live CSS Tester 在任何網頁注入 CSS 進行即時測試

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