制作現場で毎日使えるユーティリティとチートシートを 無料で提供しています。
min/max値とビューポート幅を入力してレスポンシブなclamp()式を自動生成
ベースフォントサイズを設定してpxとremを相互変換
ベースサイズ×モジュラー比率でフォントサイズ階層を生成
前景色・背景色のコントラスト比をWCAG 2.1のAA/AAAレベルで判定
HEX / RGB / HSL をリアルタイムで相互変換
1色からtints/shades/補色などを自動展開
SNS別の推奨OGP画像サイズ・metaタグをまとめた早見表
主要フレームワークのブレイクポイントを横断比較
日本語Webサイト向けfont-family推奨スタックをコピーで提供