资源库

可直接复制使用的精选预设与示例集合，包含 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-* 来源。