ライブラリ

そのままコピーして使えるプリセット・サンプル集です。CSS グラデーションなどを無料で提供します。

CSS グラデーション プリセット24そのまま使える CSS グラデーションのコレクションです。スウォッチをクリックすると `background` 値がコピーされ、グラデーション ツールを開けば角度や色を調整できます。

カラーパレット プリセット16そのままコピーして使える 5 色パレット集です。各パレットの最も明るい色と最も暗い色のコントラスト比を計算して表示するので、読みやすいテキスト配色かどうか一目で分かります。

cron スケジュール レシピ23実務でよく使う標準 5 フィールドの cron 式を集めました。カードをクリックすると式がコピーされ、cron ツールに貼り付ければ分かりやすい説明と次の実行時刻まで確認できます。カード上部のバーは、1 日（曜日・日付単位のレシピは週・月・年）の軸上に実行タイミングを示したものです。

正規表現 検証パターン16メール・URL・電話番号・パスワード強度から ID・日付形式、テキスト整形用の検索置換まで、実務で繰り返し必要になる正規表現を16個集めました。カードをクリックすると区切り文字やフラグなしのパターン文字列だけがコピーされ、正規表現ツールの Pattern 欄に貼り付ければ実際のテキストですぐに試せます。ほとんどは文字列全体を検証するアンカー（^...$）付きパターンで、タグ除去と空白整理の2項目だけアンカーなしにして長いテキスト内のすべての一致を見つけられるようにしています。

CSS イージングカーブ22CSS トランジション・アニメーションにそのまま貼れる cubic-bezier イージングカーブ集です。sine・quad・cubic・quart・expo のクラシック系に、少しはね返る back 系まで。スウォッチは実際のカーブをそのまま描いたもので、横が進行、縦が値です。カードをクリックすると timing-function 値がコピーされます。

SVG 背景パターン12コピーひとつで済むシームレスな SVG 背景パターン集です。ドット・ストライプ・グリッド・波などのタイルが data URI として値の中にインライン化されており、追加リクエストもホスティングするファイルもありません。カードをクリックして background 値をコピーし、値の中の 2 つの hex カラーをパレットに合わせて差し替えてください。

CSP（コンテンツセキュリティポリシー）レシピ11実務で本当に使う構成をまとめた Content-Security-Policy ヘッダー値のコレクションです。厳格なスターターから Google Fonts・アナリティクス・YouTube 埋め込み・nonce ベースのスクリプト・クリックジャッキング対策まで。カードをクリックしてポリシーをコピーし、Content-Security-Policy ヘッダーの値として設定してください。カード上部のバーはディレクティブ 1 つが 1 マスで、琥珀色のマスは見直す価値のある unsafe-* ソースを含むディレクティブです。