メタル調テキストCSS作成ツール

ゴールドやシルバーなど、金属の光沢感を持つテキストのカスタマイズ可能なCSSジェネレーターです。

3DテキストのCSS作成ツール

プリセットから立体的なテキストをカスタマイズ可能なCSSジェネレーターです。

SVG/PNGからfavicon.icoを作成するツール

SVGやPNG画像から、マルチアイコンに対応したfavicon.icoを一括生成します。また、ファビコン設定に必要なサイズのPNGファイルやmanifestも同時に生成することが可能です。

favicon.ico 分解・解析チェッカー

ICOファイルの分解と解析、含まれている画像サイズ、色深度、形式（PNG/BMP）などの詳細情報を確認します。また、favicon.icoファイルとして適しているかどうかを判定します。

毎日貯金シミュレーター

毎日決まった金額を貯金し続けた場合、1ヶ月後や10年後などにいくら貯まるかを計算します。

マウスホバーで裏返るCSSジェネレーター

マウスホバーでクルッと裏返るカード型アニメーションを作成。表面と裏面のデザインをカスタマイズできます。

凹み文字CSSジェネレーター

背景が切り抜かれたような、凹んだように見える効果（デボス・レタープレス）のテキストCSSを作成します。

ストライプ柄テキストCSSジェネレーター

テキストをストライプ（縞模様）柄にするCSSを作成します。色や角度、幅を自由にカスタマイズ可能です。

七色の虹ストライプテキストCSSジェネレーター

七色のストライプで構成された虹色テキスト用CSSを作成します。ビビッドやパステルなど多彩なプリセットを用意。

七色の虹色グラデーションテキストCSSジェネレーター

滑らかに変化する虹色グラデーションテキストCSSを作成します。ビビッドやパステルなど多彩なプリセットを用意。

CSSツートンカラーテキスト生成

2色の境界がくっきりとしたツートンカラーのテキストCSSを生成します。

animation-play-state（再生・一時停止）のCSS動作テストツール

CSSのanimation-play-stateプロパティ（再生・一時停止）の挙動をテストするツールです。合わせてanimation-directionでの逆再生もテストしています。

CSSの::markerでリストマーカーをカスタマイズするツール

リストのマーカー記号をCSSの::marker擬似要素を使ってカスタマイズします。記号、色、サイズや簡単なアニメーションを設定できます。

CSSの疑似クラス:is()と:where()の違いを確認する動作テストツール

CSSの疑似クラスである :is() と :where() の違いを確認するために作成した動作テスト的なツールです。

ファイル選択ボタンのデザインをカスタマイズするツール

CSSの::file-selector-button を使って、ファイル選択ボタンのデザインをカスタマイズします。

CSSの疑似要素::backdropの動作テストツール

dialog要素やPopover APIで表示される::backdrop疑似要素のスタイルをテストできます。

JavaScriptの長押しイベントを実装するコード生成ツール

左クリックやタップ長押しのイベントを実装するためのJavaScriptコードを生成します。長押しの時間設定や動作確認が可能です。

JavaScriptの経過時間を表示するコード生成ツール

ページ読み込み時や特定の日時からの経過時間を表示するコードを生成します。秒のみ、日時分秒などの形式を選択可能です。

JavaScriptのcloneNode()を利用した動作確認ツール

JavaScriptのcloneNode()を使ってHTML要素を複製数するコードを生成し、動作を確認できます。

JavaScriptのIntersectionObserver()を利用した動作確認ツール

スクロールして要素が画面内に入ったことを検知し、アニメーション表示させるコードを生成します。移動距離や時間を調整可能です。

JavaScriptのscrollIntoView()を利用した画面スクロールの動作確認ツール

要素の位置までスムーズにスクロールするscrollIntoView()の動作を確認できます。オプション（behavior, block）の効果を視覚的に試せます。

MutationObserver()を利用したJavaScriptコードの動作確認ツール

DOMの変更（要素の追加・削除、属性変化など）を監視するMutationObserver()の動作をリアルタイムで確認できます。

JavaScriptでHTTPSかどうかを判定する動作テストツール

現在のページがHTTPSでアクセスされているか、HTTPでアクセスされているかを判定するJavaScriptコードを生成します。

JavaScriptでクリックを検出するイベントの動作テストツール

右クリックや左クリック、またはダブルクリックを検出するJavaScriptのイベント動作テストができます。

JavaScriptで現在時刻をリアルタイムに表示するコード生成ツール

現在時刻をリアルタイムに更新・表示するJavaScriptコードを生成します。フォーマットをカスタマイズ可能です。

スクロール量で背景色を変化させるJSコード生成ツール

スクロール量に応じて背景色を滑らかに変化させるJavaScriptコードを生成します。色の段階や切り替え位置を自由に設定可能です。

JavaScriptでマウスホイールの回転方向を検出する実装コード

JavaScriptでマウスホイールの回転方向（上・下）を検出するイベントの実装コードを生成します。

JavaScript カラーコード変換実装コード生成ツール

HEX（16進数）やRGBなどのカラーコードを相互に変換するJavaScriptの実装コードを生成します。

パチスロ朝の抽選練習ツール

パチンコ・パチスロの朝の入場抽選を体験。並び人数を設定してボタンを押すだけでランダムな番号を抽選します。