Tiny Online Tools
組み合わせを暗記しなくても柔軟なレイアウトを視覚的に調整
Flexbox は一次元レイアウトに最適ですが、direction、wrap、配置、間隔が組み合わさると挙動を頭の中だけで把握するのは難しくなります。このジェネレーターなら、それらの関係を見ながら調整できます。
こんな場面で便利です
ナビゲーション、レスポンシブなカード行、内容の積み上げを考えるときに役立ちます。生成後は、長いラベルや高さの違う内容でも確認しておくと安心です。
Flexbox ジェネレーター
ライブプレビューを見ながら柔軟な CSS Flex レイアウトを作成できます。
css関連ツール
CSS Grid ジェネレーター
ライブプレビューを見ながらレスポンシブな CSS Grid レイアウトを作成できます。
CSS Clip-Path ジェネレーター
ライブプレビューでCSS clip-path形状を生成します。
Border Radius ジェネレーター
コーナーの丸みを視覚的にコントロールしてCSSをコピーします。
Box Shadow ジェネレーター
CSSボックスシャドウをリアルタイムプレビューで視覚的に作成します。
PDF メタデータ表示
著者、日付、寸法などを含む PDF の詳細なメタデータを表示します。
Excellonドリルビューア
NC（Excellon）ドリルファイル単体を確認できます。mmとインチ両方のサイズを含む工具テーブル、穴数とスロット数、メッキ状態、全穴の2Dプロットを表示します。
QR コードジェネレーター
Generate QR codes からテキスト or URLs.
もっと見る
無料オンラインツールの全コレクションを見る。