資源庫

可直接複製使用的精選預設與範例集合，包含 CSS 漸層等，完全免費。

CSS 漸層預設24一組即拿即用的 CSS 漸層。點擊色塊即可複製 `background` 值，也能打開漸層工具自行調整角度與顏色。

配色方案預設16一組即拿即用的 5 色配色方案，可直接複製十六進位色碼。每個方案都會計算最亮色與最暗色之間的對比度，讓你一眼看出是否適合承載可讀文字。

常用 Cron 表達式23這裡彙整了實際工作中最常用的標準 5 欄位 Cron 表達式。點擊卡片即可複製表達式，貼到 Cron 工具還能看到白話的說明和接下來幾次的執行時間。卡片頂部的色帶在一天（按星期、按日期的條目則為一週、一月、一年）的時間軸上標出了任務的觸發時刻。

正規表達式驗證模式16彙整了 16 個實務中反覆要用到的正規表達式：電子郵件、URL、電話號碼、密碼強度，還有 ID、日期格式，以及兩個用於文字清理的搜尋取代模式。點擊卡片即可複製不帶分隔符和旗標的純模式字串，貼到正規表達式工具的 Pattern 輸入框就能直接用實際文字測試。大多數是驗證整個字串的錨定（^...$）模式，只有移除標籤和空白整理這兩項不帶錨定，方便在較長文字中找出所有相符項目。

CSS 緩動曲線22可直接用於 CSS 過渡與動畫的 cubic-bezier 緩動曲線合集：經典的 sine、quad、cubic、quart、expo 系列，以及帶輕微回彈的 back 系列。色塊畫的就是真實曲線，橫軸為進度，縱軸為數值。點擊卡片即可複製 timing-function 值。

SVG 背景圖案12一次複製即可使用的無縫 SVG 背景圖案合集：圓點、條紋、網格、波浪等。圖案磚以 data URI 內聯在值裡，沒有額外請求，也不需要託管檔案。點擊卡片複製 background 值，再把值裡的兩個 hex 顏色換成你的配色即可。

常用 CSP 內容安全政策11彙整實際工作中常用配置的 Content-Security-Policy 標頭值：從嚴格的起步政策，到 Google Fonts、統計分析、YouTube 嵌入、基於 nonce 的腳本、防點擊劫持。點擊卡片複製政策，設定為 Content-Security-Policy 標頭的值即可。卡片頂部的色帶每格代表一條指令，琥珀色格子表示該指令包含值得複查的 unsafe-* 來源。