#HTML 14ツール
「HTML」タグが付いた14個のツール一覧です。
ツール一覧 (14件)
HTMLエスケープ/エンティティ変換
< > & " などHTML特殊文字を実体参照に変換・解除。テンプレ出力・XSS対策用。
見出しCSSデザイン集👑
h1〜h6見出しの装飾デザイン60種以上をクリック選択+ライブプレビュー。シンプル/おしゃれ/ビジネス/カジュアル。色・テキストカスタマイズしてHTML/CSS・Tailwind・Bootstrap対応コードを即コピー。
フォームデザイン集👑
ログイン/問合せ/ニュースレター/検索など20種類以上のフォームデザインからクリック1つで選択。シンプル/モダン/グラスモーフィズム/ニューモ等を完全ブラウザ内でプレビュー、HTML/CSSコードを即コピー。
カードデザイン集👑
プロフィール/商品/ブログ/価格表/通知など20種類以上のカードデザインから選択。シンプル/モダン/グラデ/影付き/グラスモーフィズム等。HTML/CSSコードを即コピー。
Meta/OGPタグ生成
SEO/OGP/Twitterカード一括生成。
メールアドレス難読化
メールアドレスをHTML実体参照/JavaScript分割/CSS逆順表示等の方式で難読化。スパムボット収集対策に。
HTMLテーブル生成
行数・列数・ヘッダー有無・スタイルを指定してHTML/CSSのテーブルコードを生成。コピー&ペーストで即利用可能。
LiteCanvas (Bootstrap簡易ビルダー)👑
Bootstrap 5専用の簡易ビジュアルビルダー。Hero/Cards/Form/Pricing/Footer等のセクションをクリック追加・順序入替・編集して完全HTMLコード生成。インストール不要。
Bootstrap グリッド
Bootstrap 5の12カラムグリッドを視覚的に設計。レスポンシブブレークポイント (xs/sm/md/lg/xl/xxl) 対応HTMLコード生成。
Bootstrap ボタン
btn-primary/secondary/success等の色・サイズ・outline・disabled状態を視覚調整。HTMLコード即時生成。
Bootstrap カード
画像・ヘッダー・本文・フッター・ボタンを組合せたcardコンポーネントを視覚生成。プレビュー付き。
Bootstrap アラート/バッジ
alert-success/warning/danger等のアラート、各色のバッジ (badge) コンポーネントを生成。
Bootstrap CDN生成
Bootstrap 4/5、Bootstrap Icons、Popper.js等のCDN <link>/<script>タグをバージョン選択で即時生成。
Bootstrap フォーム
input/select/textarea/checkbox/radioを組合せたフォームをドラッグ感覚で組立。バリデーション対応コード生成。