コーディング【初心者でもわかる】HTMLとCSSだけで上部固定ヘッダーを作る方法（position: fixed;）
position: fixedで画面上部に固定ヘッダーを作る方法を解説します。HTMLとCSSのサンプルを使い、ヘッダーの固定位置や本文との配置関係を紹介します。
タグ: HTML
コーディング
コーディング【初心者でもわかる】CSSの点線や破線（dashed）の間隔を調整する方法
CSSで点線や破線の間隔を調整する方法を紹介します。通常のborder指定とは異なる描き方と、上下左右の4方向に線を配置するサンプルを解説します。
コーディング【初心者でもわかる】imgタグのaltの付け方
imgタグのalt属性の役割と書き方を解説します。代替テキストが必要な理由を確認し、画像の内容や用途に合わせて説明を付ける考え方を紹介します。
コーディング【初心者でもわかる】line-heightのせいでデザインを崩さないためのコーディング方法
line-heightが文字の周囲の余白に与える影響を解説します。デザインと実装の間隔がズレる理由を整理し、行の高さを考慮してコーディングする方法を紹介します。
コーディング【初心者でもわかる】HTML・CSSで作る、ふきだし用の簡単な三角形の作り方3選
HTMLとCSSで吹き出しの三角形を作る3つの方法を紹介します。borderを使う方法などのサンプルを比較し、デザインに合った作り方を解説します。
コーディング【初心者でもわかる】デザインからコーディングする時の考え方（実践例あり）
デザインをHTMLの構造に分解し、CSSで配置を組み立てる考え方を紹介します。実際のデザイン例を使って、サイズや背景、要素の位置を決める手順を解説します。
コーディング【初心者でもわかる】cssでよく使われる単位は「px, %, vw, vh」のこの4種類！
CSSで使うpx・%・vw・vhの違いを解説します。それぞれのサイズの基準や使用例、指定するときの注意点を整理し、場面に応じた単位選びに役立てます。
コーディング【初心者でもわかる】clearfixって結局何してるの？わかりやすく解説します。
floatによる回り込みとclearfixの役割を解説します。記事・サイドバー・フッターの配置例で、レイアウトが崩れる理由と回り込みを解除する仕組みを確認できます。
コーディング【初心者でもわかる】グラデーションをつかって、コップに好きなジュースを注ぐ方法
linear-gradientを使って、コップに飲み物が入ったような背景を作る方法を紹介します。色と境界位置を指定し、ジュースの種類や量を変えるサンプルを解説します。
コーディング【初心者でもわかる】擬似要素（::before、::after）って何？サンドイッチを使って説明
CSSの疑似要素::beforeと::afterの基本を解説します。サンドイッチを作る例を通して、要素の前後に文字や画像を加える方法を紹介します。