HTMLに関する記事一覧

ブラウザーの対応機能チェッカー

お使いのブラウザーが、画像・動画の形式や、新しいCSS・JavaScriptの機能に対応しているかを一覧でチェックするツールです。「この画像形式は表示できる？」「このCSSは使える？」を調べたい時や、サイトの表示がおかしい時の原因探しにお使いください。チェックはブラウザーの中だけで行い、結果はど

文字や絵文字、手持ちの画像から、サイトのファビコン（ブラウザーのタブに表示される小さなアイコン）を作るツールです。favicon.ico、iPhoneのホーム画面用（apple-touch-icon）、Android用のアイコンをまとめて作り、ZIPでダウンロードできます。<head&gt

ページのタイトルや説明文を入力すると、検索結果やSNSでの見え方を整えるメタタグ（title・description・OGP・Xカード）をまとめて作るツールです。Googleの検索結果、X（旧Twitter）、Facebookでどう表示されるかをその場でプレビューし、文字数が多すぎる時や画像のサ

CSVやExcelのデータを、HTMLの表（tableタグ）に変換するツールです。コピーして貼り付けるだけで、表のコードとプレビューを作成できます。Shift_JISのCSVファイルにも対応しています。

画像を圧縮・リサイズして、WebP・JPEG・PNGに変換するツールです。複数の画像をまとめて変換でき、画像はサーバーに送信されずブラウザの中だけで処理します。

入力したテキストの文字数をリアルタイムでカウントするツールです。スペース・改行の有無別の文字数、行数、原稿用紙の枚数、バイト数も同時に表示します。

企業や店舗、ブログ、ネットショップの文字ロゴを作成できるロゴジェネレーターです。ひな形を選んで文字を入れるだけで、透過PNGのロゴ画像をダウンロードできます。フォントはWebフォントなので、どの端末で作っても同じ仕上がりになります。作成したロゴは無料で、商用でもご利用いただけます。ロゴを作る

HTMLの特殊文字（「<」「&」など）を文字参照に変換したり、文字参照を元の文字に戻したりするツールです。ブログの記事にHTMLやプログラムのコードをそのまま表示したい時や、「&amp;」「&#12354;」のような表記を読める文字に戻したい時にお使いください。

CSSで作るボタンのコードを作成するツールです。10種類のひな形から選んで、色・形・マウスを乗せたときの動きを自由に変えられます。ブログやLP、Webサイトの「詳しく見る」「申し込む」などのボタンにお使いください。作成したコードは無料で、商用でもご利用いただけます。ボタンを作る背

ページを開くたびに、登録した広告の中からランダムに1つ（または複数）を表示するコードを作成するツールです。テキスト広告と画像バナーのどちらにも対応しています。ブログのサイドバーや記事の下など、1つの広告枠で複数の広告を出し分けたい時にお使いください。作成したコードは無料で、商用でもご利用いただけ