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 切換功能將變得更加輕鬆和便捷。

Screenshot for Street View 移除「Google 街景」照片附加介面,看起來就像是自己拍攝的照片

Screenshot for Street View 移除「Google 街景」照片附加介面,看起來就像是自己拍攝的照片

使用「Google 街景」服務時,相片上面會加入相片資訊及使用者操作介面,如果使用螢幕截圖的方式擷取街景圖片,這些附加在上面的介面或資訊,全部都會一併擷取,而最好的方式就是使用 Screenshot for Street View 這個瀏覽器擴充功能來擷取,透過 Screenshot for Street View 所擷取的街景圖片將向便資訊及使用者操作介面全部移除,讓相片看起來乾乾淨淨,就像是自己親臨該地所拍攝。

Retouch photo online 免費線上美膚修圖工具,讓人像更完美

Retouch photo online 免費線上美膚修圖工具,讓人像更完美

使用者只需上傳照片,系統將自動去除臉部的瑕疵,如痘痘、雀斑或皺紋等,使肌膚看起來更加光滑無瑕。而且,如果對預設的美膚強度不滿意,還可以根據個人需求自定義美肌的強度、亮度、飽和度和銳利度,這樣每一張照片都能呈現出最理想的效果。無論您是想簡單修飾還是進行精細調整,這個工具都能讓您輕鬆打造出完美的照片!

PDFNarrator 將 PDF 檔案內容轉出 MP3 語音的免費應用程式

PDFNarrator 將 PDF 檔案內容轉出 MP3 語音的免費應用程式

PDFNarrator 是一個可以將 PDF 內容轉出 MP3 語音的開放原始碼工具,該工具無使用者介面,須靠使用者以指令方式在「命令提示字元」或是「PowerShell」進行操作,整個過程不複雜,在熟悉指令操作後,甚至會覺得比用介面操作方便多了。原生的 PDFNarrator 對英文語音支援非常好, 若要中文語音則可改用有指定中文語音的程式碼即可。

Open Graph Meta Tag Generator:Open Graph Meta Tags 線上產生器

Open Graph Meta Tag Generator:Open Graph Meta Tags 線上產生器

Open Graph Meta Tags 是一種網頁上的特殊標記,其主要功能是在社交媒體分享連結時讓預覽內容更加吸引人。 透過設定這些標籤,讓分享的連結可以在社群媒體平台上呈現出精美的標題、引人入勝的描述和相關的圖片,從而提升點擊率和曝光度。 設定這些標籤並不難,使用者可以在網頁內自行添加,也可以透過免費的 Open Graph Meta Tag Generator 工具來產生。 使用者只需依照其提供的 Type、Title、Description 等格式,選擇或輸入相關的內容,即可輕鬆產生並應用這些 Meta Tag,極為便利。

NIPPON COLORS 探索 250種日本傳統色彩,即時獲得 CMYK、RGB、HEX 色碼

NIPPON COLORS 探索 250種日本傳統色彩,即時獲得 CMYK、RGB、HEX 色碼

Nippon Colors(日本の伝統色)是一個以收錄日本傳統色系為主的網站,提供超過 250種曾在日本古典文學、手工藝、和服以及其它傳統藝術中出現的顏色。每種色彩都擁有獨特的專屬名稱,呈現出明度較低且質感清雅的特色。只要點擊其中任一顏色,網頁背景就會即時轉換為該色,同時 Nippon Colors 還會顯示該色彩的名稱,並提供CMYK、RGB、HEX 等色碼資訊。這使得在平面設計或網頁設計中,能夠直接獲取所需色彩的相關資訊,輕鬆應用於實際創作。

MarkX 將網頁所選文字內容儲存成書籤,提供關鍵字搜尋功能

MarkX 將網頁所選文字內容儲存成書籤,提供關鍵字搜尋功能

MarkX 是個方便保存網頁所選取文字內容成書籤的瀏覽器擴充功能,其操作步驟很簡單,當使用滑鼠選取網頁文字片段後,再按滑鼠右鍵就可以選擇儲存到 MarkX 內,儲存的內容除了所選文字內容外還包含網址。 MarkX 會為每個儲存片段建立一個書籤,使用者可以進行編輯或刪除,亦提供書籤關鍵字搜尋功能。

ManyPixels 收錄 2,500+獨家免費且無版權插圖素材,商業與個人用途均可

ManyPixels 收錄 2,500+獨家免費且無版權插圖素材,商業與個人用途均可

ManyPixels 收錄範圍根據各種常見的分類進行了整理,這些分類包括科技、網頁設計、財務或企業、分析、運動、職業、人物和活動、地理、城市、科學、環境、美食、健康和季節等,而這些插圖,均可以由使用者自訂插圖的主色調,直接在線上預覽效果,完成後點選要下載的格式即可。不僅如此,ManyPixels 還有 Outline、Monochromatic、Isometric、Flatline 和 Two Color 等插圖風格可選。

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 頁面即可。

FoneDog Photo Compress 線上圖片壓縮工具支援 JPEG、PNG、SVG 及 Gif 圖片

FoneDog Photo Compress 線上圖片壓縮工具支援 JPEG、PNG、SVG 及 Gif 圖片

使用 FoneDog Photo Compress 線上工具來壓縮圖片完全免費,使用者可一次上傳 40張圖片,每張圖片 5MB以內,支援 JPEG、PNG、SVG 及 Gif 圖片格式處理,選完要處理的圖片就開始壓縮,完成後會有圖檔大小減少比例可供參考,除了,可下載到本地端的設備外,也支援上傳到 Dropbox 雲端硬碟儲存。