記事一覧
-
アコーディオン：ボーダー｜Accordion: Border
Border Accordion Utilizes border lines Minimal and refined design Border animation on open/close Typography-focused Professional business design HTML <div... -
アコーディオン：グラデーション｜Accordion: Gradient
Gradient Accordion Beautiful gradient background Colorful and attractive Button with icon Smooth animation Visually impactful design HTML <div class="... -
アコーディオン：カード風｜Accordion: Card Style
Card Style Accordion Card-like appearance Shadow effects for depth Hover effects included Smooth open/close animation Modern design HTML <div class="... -
アコーディオン：シンプル｜Accordion: Simple
Simple Accordion Simple and user-friendly design Basic open/close animation Responsive design Lightweight and fast Easy to customize HTML <div class="... -
タブメニュー：ネオンブルー｜Tab Menu: Neon Blue
Tab 1 Tab 2 Tab 3 Good morning. This is the content of Tab 1. Hello. This is the content of Tab 2. Good evening. This is the content of Tab 3. HTML <div c... -
タブメニュー：吹き出し風｜Tab Menu: Speech Bubble Style
Tab 1 Tab 2 Tab 3 Good morning. This is the content of Tab 1. Hello. This is the content of Tab 2. Good evening. This is the content of Tab 3. HTML <div c... -
タブメニュー：ダーク｜Tab Menu: Dark
Tab 1 Tab 2 Tab 3 Good morning. This is the content of Tab 1. Hello. This is the content of Tab 2. Good evening. This is the content of Tab 3. HTML <div c... -
タブメニュー：ミニマル｜Tab Menu: Minimal
Tab 1 Tab 2 Tab 3 Good morning. This is the content of Tab 1. Hello. This is the content of Tab 2. Good evening. This is the content of Tab 3. HTML <div c... -
タブメニュー：グラデーション｜Tab Menu: Gradient
Tab 1 Tab 2 Tab 3 Good morning. This is the content of Tab 1. Hello. This is the content of Tab 2. Good evening. This is the content of Tab 3. HTML <div c... -
タブメニュー：カード風｜Tab Menu: Card Style
Tab 1 Tab 2 Tab 3 Good morning. This is the content of Tab 1. Hello. This is the content of Tab 2. Good evening. This is the content of Tab 3. HTML <div c... -
タブメニュー：モダン｜Tab Menu: Modern
Tab 1 Tab 2 Tab 3 Good morning. This is the content of Tab 1. Hello. This is the content of Tab 2. Good evening. This is the content of Tab 3. HTML <div c... -
タブメニュー：シンプル｜Tab Menu: Simple
Tab 1 Tab 2 Tab 3 Good morning. This is the content of Tab 1. Hello. This is the content of Tab 2. Good evening. This is the content of Tab 3. HTML <div c... -
ハンバーガーメニューのデザイン40選｜コピペで実装できるコード付き
実装コード付き！さまざまなデザインのハンバーガーメニューサンプルを集めました！HTML / CSS / JavaScript を別ページに掲載していますので、気に入ったデザインがあ... -
アラート（ダイアログ）のデザイン18選｜コピペで実装できるコード付き
実装コード付き！さまざまなデザインパターンのダイアログボックス（ボタンをクリックすると、画面上部からポップアップウィンドウが出現）サンプルを作りましたので参... -
ポップアップウィンドウのデザイン21選｜コピペで実装できるコード付き
実装コード付き！さまざまなデザインのポップアップウィンドウ（ボタンをクリックすると、画面下部にポップアップウィンドウが出現し、3秒後に消える）サンプルを作りま... -
モーダルウィンドウのデザイン21選｜コピペで実装できるコード付き
実装コード付き！さまざまなデザインのモーダルウィンドウサンプルを作りましたので参考に！（ボタンクリックで対象のモーダルウィンドウが開きます）HTML / CSS / Java... -
アコーディオンのデザイン21選｜コピペで実装できるコード付き
実装コード付き！さまざまなデザインのアコーディオンUIサンプルを作りましたので参考に！HTML / CSS / JavaScript を別ページに掲載していますので、気に入ったデザイ... -
タブメニューのデザイン21選｜コピペで実装できるコード付き
実装コード付き！さまざまなデザインのタブメニューサンプルを作りましたので参考に！HTML / CSS / JavaScript を別ページに掲載していますので、気に入ったデザインが... -
割引率（%OFF）の計算ツールと計算方法｜Discount Rate (%OFF) Calculator
「20%オフ」や「3割引」など、割引率に関する自動計算ツールです。 このツールは …回 使われています。 A円のB%オフはいくら？A円のB割引はいくら？ 元の値段 割引率 割... -
Webルーレットツール
ルーレットの項目・当選確率を自由に設定できるWebアプリです！（使い方は こちら） このツールは …回 使われています。 × フォーム入力 テキスト入力 × × × 項目を追加...
