プログラミング

HTMLやCSSを中心に、Web制作の基本を初心者さん向けにまとめたシリーズです。実際に手を動かしながら学べるよう、1記事ずつテーマを分けてわかりやすく紹介しています。

ブログの進め!

【第16回】CSSプロパティ解説まとめ(最終回)|CSS初心者ノート

CSS初心者ノート最終回。よく使うCSSプロパティ・カードUI完成形・迷ったときに戻る回を一覧で整理しました。全部覚えなくてOK、必要なときの目印として使えるまとめ記事です。
ブログの進め!

【第15回】セレクタ応用テクニック|CSS初心者ノート

CSS初心者向け第15回。子孫セレクタや疑似クラス(first-child、last-child、nth-child)を使って、特定の要素だけにスタイルを当てる方法を解説します。コード例つきで、CSS指定の幅が一気に広がります。
ブログの進め!

【第13回】簡単な実践(カードUIを作ってみよう)|CSS初心者ノート

CSS初心者向けの第13回レッスンでは、背景色・余白・枠線・角丸を使ってシンプルなカードUIを作る方法を紹介します。まずは最小コードだけで作るSTEP1、次に少し整えるSTEP2の2段階で、誰でもわかりやすく実践できます。
ブログの進め!

【第9回】幅・高さ・中央配置をマスターしよう|width / height / margin: auto【CSS初心者ノート】

CSSの基本「幅・高さ・中央配置」を初心者向けに解説!width / height / margin: auto の使い方と、よくあるミス・中央揃えのコツを図解付きで学びます📘
ブログの進め!

【第8回】枠線をデザインしてみよう|border / border-radiusで角丸ボックスを作る【CSS初心者ノート】

CSS初心者向けに、borderとborder-radiusの使い方をやさしく解説。角丸やカード風ボックス、見出し線など、枠線をデザインするコツをコード例付きで紹介します。
ブログの進め!

【第7回】ボックスモデル基礎|CSS初心者ノート

CSS初心者向けに、ボックスモデルの基本をやさしく解説。margin(外側の余白)・padding(内側の余白)・border(枠線)の違いを図解で理解しよう。コード例付きで実践的に学べます。
ブログの進め!

【第20回】HTMLタグ解説まとめ|初心者ノート最終回

HTML初心者ノート最終回!これまで学んだタグを一覧で総まとめ。復習や辞書代わりに役立つインデックス記事です。
ブログの進め!

【第19回】よくあるHTMLエラーと対処法|HTML初心者ノート

HTML初心者がよくつまずくエラーとその対処法をまとめました。閉じタグ忘れ、全角/半角の間違い、属性のクォーテーション漏れ、入れ子の順序エラーなどを、エラー例と修正版コード・表示結果つきでわかりやすく解説します。
ブログの進め!

【第18回】HTMLで記号を表示しよう|HTML初心者ノート

HTML初心者向けに、< や >、©、& などそのまま書くと表示できない記号を正しく出す方法を解説。文字実体参照(エンティティ参照)の仕組みと、よく使う書き方を表・コード例・表示結果つきでわかりやすく紹介します。