Primer 是由 GitHub 推出的 CSS 框架，跟大多數同性質的框架一樣，提供了一些已經設計好的 CSS 樣式讓開發者可以快速建置版面，此外也提供了免費可商用的 icon 套組，使用時也可以不用標註出處。
網路資源
Primer- GitHub 推出的 CSS 框架，也提供了免費可商用的 icon 套組
Primer 是由 GitHub 推出的 CSS 框架，跟大多數同性質的框架一樣，提供了一些已經設計好的 CSS 樣式讓開發者可以快速建置版面，此外也提供了免費可商用的 icon 套組，使用時也可以不用標註出處。
收藏文章COURSE PICKS
課程推薦
AI虛擬角色生成實戰班
本課程將帶你從 AI 虛擬角色的概念出發，認識 AI Persona 的生成流程與應用方式，學會打造專屬自己的 AI 分身。課程中會學習 Prompt 提示詞撰寫、真人感人像生成、固定角色模板建立，並延伸出同一角色的多場景、多服裝與多情境照片。
OpenClaw 龍蝦 AI 代理人實作課：零基礎打造 AI 辦公代理人
本課程從安裝部署、身份設定、技能安裝到實戰應用，帶你從零建立一個專屬的 AI 工作助手－OpenClaw 龍蝦，這個 AI 助手可以替你蒐集情報、摘要文件、整理郵件、生成內容、定時提醒，全部自動完成。
輸入折扣碼 TC1625FR 還可以額外獲得 NT$500 優惠喔。
Google Gemini AI 多媒體生成工具應用實戰：從 Imagen 4、Veo 3、Chirp、Lyria 到 nano-banana
如何只用文字說明提示就生成不同的圖像結果？亦或是會議上的語音檔轉文字？這是一堂通盤性、全面性的Google Gemini AI多媒體生成工具應用實戰！
輸入折扣碼 TC1609EW 還可以額外獲得 NT$500 優惠喔。
AI 數據自動化工具實戰班：Google Sheet x Apps Script x NotebookLM 暨資料處理函數
本門課將教你如何善用 AI 功能與工具，進行自動分析數據提供有幫助的建議與洞察，以及使用 AI 驅動的公式自動化計算。
輸入折扣碼 TC1615VU 還可以額外獲得 NT$500 優惠喔。
3 小時掌握自動化工作新手應用實作 – n8n AI Agent
這門課程將帶你循序漸進掌握 n8n 的自動化技巧，從基礎認識與操作入門，到進階節點應用與流程控制，再到 Google 服務的整合實作，最後延伸至部署思維與 OpenAI API 的智慧化串接。
輸入折扣碼 TC1600UY 還可以額外獲得 NT$500 優惠喔。
用 AI 生成網站？ AI 高效網站設計實戰課：ChatGPT X HTML X SEO
利用 AI 提升網站設計效率與 SEO 排名！了解如何透過 ChatGPT 等工具快速建立 HTML 架構，優化關鍵字與用戶體驗，讓網站更具競爭力。
輸入折扣碼 TC1533SL 還可以額外獲得 NT$500 優惠喔。
AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生
《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。
輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。
HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量
本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。
用AI強化職場競爭力 ChatGPT、Midjourney從入門到精通
在快速變遷的職場中，提升競爭力成為關鍵。透過引領潮流的AI技術，ChatGPT和Midjourney將助您勇攀高峰。無論您是AI新手還是專家，這個課程將引導您從入門到精通，解密AI的奧秘，並學習如何運用於職場。
GitHub Copilot AI 程式碼編輯工具應用實務班
讓學員瞭解有效地使用該工具來加速開發流程、提高程式碼品質和生產力。課程重點放在以 JavaScript 程式語言為例，介紹 Copilot 的基本原理、使用方法和最佳實踐。
輸入折扣碼 TC1456JA 還可以額外獲得 NT$500 優惠喔。
ChatGPT X Clipchamp AI 生成影片、配音與字幕應用實戰班
掌握Clipchamp AI的操作技巧，靈活運用Clipchamp AI進行影片編輯和創作，實現創意表達和傳播目的。
輸入折扣碼 TC1451JAN 還可以額外獲得 NT$500 優惠喔。
如何串接多種數位工具資訊？Looker Studio 資料視覺化實戰班｜GoogleAds x FB廣告 x GA流量數據
Looker Studio除了可協助使用者監控網站流量、廣告成效、選擇匯入資源的管道之外，還可以將數據資料多平台整合、數據報表即時更新、數據範本可重複套用的效益，透過自動化系統，將數據全部匯入同一個報表平台，是企業不可或缺的重要工具。
輸入折扣碼 TC1270JIA 還可以額外獲得 NT$500 優惠喔。
KEEP EXPLORING
你可能也會喜歡
網路資源
Duet Design System- 提供許多現成的 UI 元件與設計規範方便架設網站使用
Duet Design System 是一個提供許多現成的 UI 元件與設計規範方便架設網站使用的函式庫，並可以與當今熱門前端框架 React、Vue.js 和 Angular 等整合，有興趣的可以參考看看方便加速網站開發。
網路資源
All SVG Icons：萬用免費 SVG 圖示庫
All SVG Icons 提供超過 25 萬個免費可自訂 SVG 圖示，適用網站、App、簡報設計，支援多格式下載與即時預覽，設計師與開發者必備！
網路資源
IsoCons：讓簡報與 UI 設計秒變質感的免費高品質等距圖標庫
擺脫單調扁平設計！IsoCons 提供高品質 2.5D 等距視角圖庫，專為 UI/UX 與商業簡報打造。支援線上即時自訂配色，免費下載 SVG 與 PNG 格式。無論是工程師或 PM，都能輕鬆運用這款素材神器，快速產出風格統一且具備立體感的專業作品。立即體驗提升專案質感的捷徑！
網路資源
Lineicons：專為設計師與開發者打造的極致 icon 庫
Lineicons 提供 26,000+ 線條圖示，支援 SVG、React、Vue、Figma 等格式，結合設計美感與技術彈性，是前端與設計師的圖示首選。
網路資源
Phosphor Icons：靈活自由的開源 icon
Phosphor Icons：開源 MIT 授權的圖示套件，提供 Thin、Light、Regular、Bold、Fill、Duotone 六種風格，支援顏色、大小、粗細等客製化，給喜歡讓網站有更多不同變化的朋友參考。跨平台支援 Web、React、Vue、Flutter 及 Figma/Sketch 外掛。
網路資源
MingCute：簡約精緻的開源圖示庫
MingCute：開源高品質圖示庫，採 Apache-2.0 授權，提供線條與填滿兩種風格、SVG/PNG/Webfont 格式，上千款圖示並支援 Figma、NPM、Iconify 與動態 Lottie 整合，適合設計與開發快速打造一致美觀的 UI。