セクションのムラゴンブログ

このタグの読者になる 0

marginとpaddingの違いとは？余白を正しく使い分ける考え方

Webサイトのコーディングでは、文字や画像を配置するだけでなく、要素同士の余白を整える作業が欠かせません。この余白を設定するときに使われるのが、marginとpaddingです。どちらも見た目上は「空白を作る」ため、学び始めたばかりの頃は違いが分かりにくく、なんとなく使い分けてしまいがちです。 ... 続きをみる
- 余白
- 要素
- margin
- 背景色
- ボタン
- 同士
- 外側
- 内側
- 範囲
tammpro tammpro | 少しためになるブログ 2026/09/12 07:52
背景色を変えるだけでセクションの見やすさは変わる

ホームページを作っていると、「情報は整理できているはずなのに、なぜか見づらい」「セクションごとの区切りが分かりにくい」「全体的にのっぺりして見える」と感じることがあります。そんなとき、レイアウトを大きく変更したり、装飾を追加したりする前に試したいのが、セクションごとに背景色を変えることです... 続きをみる
- 背景色
- 情報
- 背景
- 余白
- 区切り
- ページ
- まとまり
- 必要
- カラー
tammpro tammpro | 少しためになるブログ 2026/07/17 09:03
template-partsを使うと管理しやすくなる理由

WordPressテーマを作っていると、最初は front-page.php や page.php にそのままHTMLを書いていくことが多いです。最初のうちはそれでも問題ありません。ただ、セクションが増えてくると、だんだんファイルの中身が長くなってきます。たとえばトップページに、ファーストビ... 続きをみる
- ファイル
- 修正
- トップページ
- ページ
- php
- コード
- パーツ
- 管理
- 最初
tammpro tammpro | 少しためになるブログ 2026/07/04 06:20
ヒーローセクションの背景動画の最適な長さとは

Webサイトの第一印象を決める「ヒーローセクション」。最近では、静止画像ではなく背景動画を使うサイトも増えています。しかし、ここでよく悩まれるのが「動画は何秒くらいが適切なのか」という点です。結論から言うと、ヒーローセクションの背景動画は5〜10秒程度に収めるのが最もバランスが良いとされています。... 続きをみる
- 動画
- ヒーロー
- ループ
- ユーザー
- 再生
- 印象
- サイト
- 背景
- 自然
tammpro tammpro | 少しためになるブログ 2026/03/06 08:10
ジグザグセクション

今回の倒木除去で一番きつかったセクション… 某選手が作ってくれたジグザグセクション。もう、倒木だらけでした。ここは7つの曲がりがあって全部フロントを振って行くセクション練習の場。まっ、多少ズレてるかもしれませんが、こんな感じで進んで行きます。作った当時、オイラは振ると言う動作が全く理解できず... 続きをみる
- ランチ
- ジグザグ
- 倒木
- 練習
wayout660ss 2スト125・250＆TOKYO ENDURO CLUB 2026/02/03 04:20
# ラーメン
# 映画