Web制作 (HTML/CSS）

CSSのFlexbox（フレックスボックス）を初学者向けに図解。中央揃えや横並び、検証ツールの使い方も解説！レイアウトに迷わないための保存版備忘録です。

Webサイトを作っていると、ついつい何でも <div> タグで囲んでしまいたくなりますよね。これをプロの世界では親しみを込めて（？）「div職人」と呼んだりします。しかし、SEO（検索順位を上げること）を意識するなら、脱・div職人が必須で...

CSSで最も大切な「余白（margin/padding）」の使い分けを徹底解説。図解による違いの解説、ショートハンドの書き方、中央揃えのコツ、初心者がハマる「マージンの相殺」まで網羅。デザインの違和感を解消し、プロっぽいレイアウトを作るための保存版ガイドです。

HTMLを勉強していると必ず出てくる「要素」「属性」「値」という言葉。「これって結局どこのこと？」と混乱していませんか？実はこれ、私たちの身近な**「持ち物」や「SNSのプロフィール」**に例えると一瞬で理解できます。この記事を読めば、もう...

「タグの種類が多すぎて、どれを使えばいいか迷う」 「divタグばかり使ってしまうけれど、もっと適切なタグがあるはず…」HTMLには数百種類のタグがありますが、実務で頻繁に使うのはそのうちの30個ほどです。この記事では、それらをカテゴリー別に...

Web制作に必須のCSS知識を凝縮。基本文法、レスポンシブ対応（メディアクエリ）、要素の中央揃えなど、実務で頻出のプロパティをコード例付きでまとめています。「これどう書くんだっけ？」を即解決したい方のためのデザイン備忘録です。