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 授權,這表示不論是個人還是商業使用均可。

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

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

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

Free HTML 404 page templates 網站 404 網頁免費模板

Free HTML 404 page templates 網站 404 網頁免費模板

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

Email Countdown Timer:輕鬆打造嵌入電子郵件或網頁的倒數計時器,可自訂時間與外觀

Email Countdown Timer:輕鬆打造嵌入電子郵件或網頁的倒數計時器,可自訂時間與外觀

Email Countdown Timer 是一個免費的線上倒數計時器產生工具,專為製作可嵌入電子郵件或 HTML 中的倒數計時器而設計。Email Countdown Timer 提供一個可自訂語言、時間、顏色及樣式的參數調整表,使用者只需根據需求調整相應的參數即可完成一個個性化的倒數計時器。生成的倒數計時器提供了 HTML 代碼,方便將其嵌入到 HTML 或郵件中。使用 Email Countdown Timer 無需註冊,且沒有使用次數限制,使其成為將倒數計時器融入促銷網頁或行銷郵件內的理想選擇。

Domsy.io 使用 AI 設計網站、Web 應用程式原型,無需技術經驗即可生成程式碼

Domsy.io 使用 AI 設計網站、Web 應用程式原型,無需技術經驗即可生成程式碼

Domsy.io 是一個運用人工智慧的線上工具,專為協助使用者輕鬆將概念想法轉變為實際原型而設計。這個工具讓使用者能夠輕鬆製作各種內容的原型,包括網站、Web 應用程式、卡片和視覺化等,而無需任何技術經驗。使用者只需透過自然語言來描述他們想要設計的原型,接著放鬆等待,Domsy 將根據描述生成執行任務所需的 JS、CSS 和 HTML 程式碼。這使得原型設計變得更加輕鬆且有效率。

「Google 文件」如何輸入分數?

「Google 文件」如何輸入分數?

在文書編輯器要輸入分數格式,通常最簡便的方式就是利用斜線「/」來表示分數,例如 1/3、3/8,也可以利用上標、下標的方式來輸入,例如,1/33/8,以上兩種表示法在多數的文書編輯器內,甚至是 HTML 內都可以輕鬆辦到,但如果要用橫線「-」來表示分數,我們可以利用內建在 Google 文件內的方程式功能來表示。