線上工具 - 程式設計

Public APIs 是一個專門收集免費和公共 API 的線上平台，可為開發者提供豐富的 API 資源。Application Programming Interface（API，應用程式介面）是一組定義好的規則和協議，透過資訊的傳遞，使開發者能夠輕鬆整合和使用不同的服務，從而提升應用程式的功能和效能。例如，如果開發者想在應用程式中加入天氣資訊，他們不需要自己建置收集天氣數據的設備，只需使用提供天氣資訊的 API 就可以獲取相關數據。Public APIs 平台目前收集了超過 700 個 API 資源，涵蓋範圍廣泛，包括金融、地理編碼、機器學習、天氣和健康等超過 40 個類別。每個 API 都附有詳細的說明和應用指南，這對於想要擴展應用程式功能的開發者來說，是一個不可或缺的工具。

UI verse( uiverse.io )是一個開放原始碼的網頁程式設計元件庫，提供由 Tailwind 或 CSS 打造的各種網頁元件，包括 Buttons、Checkboxes、Toggle switches、Cards、Loaders、Inputs、Radio buttons、Forms、Patterns、Tooltips 等。使用者可以透過分類找到所需的元件且可實際操作，覺得適合就可以輕鬆複製所提供的原始碼到自己的網頁上使用。UI verse 內的所有元件均採用 MIT License 授權，因此不僅免費，還可用於商業專案。

Open Graph Examples 是一個專業的 Open Graph Meta Tag 工具網站，提供從基礎概念到實際應用的完整指引。除了詳細解釋 Open Graph protocol 的定義，它還提供實用範例和檢查工具，讓使用者能夠輕鬆瞭解和預覽其網站的 Open Graph Meta Tag 設定。有了這些資源，即使是對 Open Graph Meta Tag 不太熟悉的初學者，也能在最短時間內最佳化網頁在社群網站上的展示效果，增強網頁在社交媒體平台的曝光和吸引力。

CSS box-shadow examples 是一個提供 CSS 範例的線上資源，內含超過 90 個以 box-shadow 為主題的範例，每個範例都附有實際展示效果。使用者只需點擊選擇符合需求的範例，即可複製相對應的 box-shadow 語法，並將其應用於所需的 HTML 元素上，就可在自家網頁上呈現出同樣的陰影效果。CSS box-shadow examples 可為開發者省去了自行調整與實驗的時間，極大地提高了開發效率。

Open Graph Meta Tag Generator 是一個免費 Open Graph Meta 標籤產生器，主要功能是依照使用者設定的內容來產生對應的網頁 Open Graph Meta Tag，使用者僅需按照格式填入所需資訊就能產生對應的網頁 OG 標籤，讓網頁在社交平台的呈現效果最佳化。另外，還有針對 X 所提供的 Meta 標籤，當製作網頁時需要用到 Open Graph 標籤，只要將產生的標籤複製，再貼回到要應用的網頁即可。

使用 RealFaviconGenerator 及 Favicon Checker 這兩個功能都非常簡單。只需在 Favicon Checker 中輸入網站網址，即可檢查當前 Favicon 在上述平台與瀏覽器的缺失。至於 RealFaviconGenerator，只需上傳網站要使用的 Favicon，就能產生適用於各平台與瀏覽器的 Favicon 尺寸與設定檔。這兩個功能都非常方便，確保網站在不同平台和瀏覽器上都能呈現出最佳的 Favicon 效果。

robots.txt 是一種存放於網站根目錄下的文字檔案，主要用來告訴網路搜尋引擎的爬蟲，網站中的哪些內容是不應該或可以被搜尋引擎的漫遊器取得的。OpenAI 除了要自家「GPTBot」爬蟲機器人遵守 robots.txt 的指示外，還提供 ChatGPT-User 爬蟲，而這兩個爬蟲主要的不同點是在 GPTBot 為自動執行，而 ChatGPT-User 則用於插件屬被動式，僅代為 ChatGPT 的用戶執行操作。另外，OpenAI 也公布爬蟲所使用的 IP 區段，讓網站主除了可以使用 robots.txt 文件指引爬蟲外，也能有更釜底抽薪的辦法，那就是直接在伺服器直接禁止某些 IP 存取內容。

blendicons 是個提供免費且可商用的圖標圖示網站，每個圖示除了有不同的尺寸可選擇外，還提供 Light、Regular、Bold、Filled Line、Color、Fresh 與 Solid Line 等風格樣式，另外，對於圖檔格式也提供 SVG、PNG、PDF 及應用在 Web 上的 HTML、JSX、CSS 和 Base64 等語法，滿足圖式可以在不同的環境中應用。