webサイト
-
コピペで使える目次デザイン20個まとめ（HTML・CSSで作る記事の目次）
長い記事でも、最初に目次があると「何が書いてあるか」「どこを読めばいいか」がひと目でわかります。この記事では、コピペ…
-
コピペで使えるテキストマーカー・文字装飾20個まとめ（蛍光ペン・下線・強調）…
ブログやお知らせの文章で、「ここだけは読んでほしい」という部分を目立たせたい時に便利なのが、マーカーや下線などの文字…
-
コピペで使えるハンバーガーメニュー20個まとめ（スマホ用の三本線メニュー）
スマホでサイトを見た時に、画面の右上によくある「三」の形のボタン。これがハンバーガーメニューです。この記事では、コピ…
-
コピペで使えるページネーション20個まとめ（記事一覧のページ送りボタン）
ブログの記事一覧や、商品一覧のページが長くなってきた時に必要になるのが、「1・2・3…」とページを切り替えるボタン（ペー…
-
コピペで使えるローディングアニメーション20個まとめ（読み込み中のくるくる表…
問い合わせフォームの送信中や、ページの読み込み中に、何も表示されないと「固まったのかな？」と不安になってしまいます。…
-
コピペで使えるタイムライン20個まとめ（沿革・スケジュール・手順の流れ）
会社の沿革、イベントの進行表、申し込みから利用までの流れなど、「時間の順番」を見せたい場面はよくあります。この記事で…
-
コピペで使える吹き出しデザイン20個まとめ（会話・チャット風・アイコン付き）…
会話形式の記事や、お客様の声、スタッフの一言など、吹き出しを使うと文章がぐっと親しみやすくなります。この記事では、コ…
-
コピペで使えるプログレスバー20個まとめ（進捗・ステップ表示・達成率など）
会員登録の手順や、アンケートの進み具合、目標までの達成率など、「今どのくらい進んでいるか」を見せたい場面はよくありま…
-
コピペで使えるツールチップ20個まとめ（マウスを乗せると出る補足説明）
専門用語や、入力欄の補足説明を本文に全部書くと、文章が長くなって読みにくくなってしまいます。そんな時に便利なのがツー…
-
コピペで使えるタブ切り替え20個まとめ（CSSだけで動くタブメニュー）
サービス紹介や料金表など、1ページにたくさんの情報を載せたいのに、縦に並べるとどんどん長くなってしまう。そんな時に便利…
