テクニック【初心者向け】初心者コーダーが陥りやすいHTML・CSSのトラップ4選
HTML・CSSの初心者がつまずきやすい4つのポイントを紹介します。インライン要素の空白やサイズ指定など、よくあるレイアウトの問題と対策を解説します。
タグ: 初心者
テクニック
テクニック【初心者でもわかる】スマホの画像は、倍のサイズじゃないとボケる。
スマホで画像がぼやける理由と、高解像度の画像を用意する考え方を解説します。画像の実寸とCSS上の表示サイズの関係をサンプルで紹介します。
コーディング【初心者でもわかる】CSSで背景画像やグラデーションを2重や3重につける方法
CSSで背景画像やグラデーションを複数重ねる方法を解説します。カンマ区切りの記述や、各背景の位置・繰り返しを個別に設定する方法を紹介します。
考察【初心者向け】プログラミングを勉強したい！と思った時、HTMLとCSSから始めるのは適切なのか。
プログラミング学習をHTML・CSSから始めるべきか、目的に合わせて考えます。Webサイト制作とほかの開発で必要になる知識の違いを紹介します。
ツール【初心者でもわかる】自分のホームぺージにメールアドレスをそのまま載せるのは危険！
Webサイトにメールアドレスを掲載するときの注意点を紹介します。収集されるリスクや、文字をエンティティで記述する方法を説明した記事です。
コーディング【初心者でも分かる】htmlファイルにCSSを書く方法と、適応優先順位について。
HTMLにCSSを適用する方法と優先順位の考え方を紹介します。タグ内、style要素、外部ファイルなどの記述場所による違いを解説します。
コーディング【初心者向け】学習サイト（プロゲートやドットインストール等）が講了したら次にすること
HTML・CSSの学習サイトを終えた後の練習方法を紹介します。理解度や自力で作れる範囲に合わせて、復習や制作へ進む次のステップを考えます。
コーディング【初心者向け】よく使うCSSで唯一、ブロック要素に効かないCSSが1つ存在する話
ブロック要素に効くCSSと効かないCSSを検証します。文字・背景・配置などのプロパティを確認し、指定先の要素によって効果が異なることを解説します。
テクニック【Google HTML CSSスタイルガイド】を初めて読んだので、一言で分かるようにまとめてみた -CSS編-
Google HTML/CSS Style GuideのCSS部分を整理します。命名、記述形式、スタイルの指定方法など、コードを読みやすく保つためのルールを紹介します。
テクニック【Google HTML CSSスタイルガイド】を初めて読んだので、一言で分かるようにまとめてみた -基本・HTML編-
Google HTML/CSS Style Guideの基本・HTML部分を読んだ内容を整理します。コードの書式や構造に関するルールを、短い説明で確認できる記事です。