CSSで背景を自由にカスタマイズ！background-image・repeat・size・positionの基本
Webサイトの背景を自由に変更できると、デザインの幅がぐっと広がります。 例えば、背景に画像を設定したり、サイズや配置を調整することで、より魅力的なページを作ることができます。 この記事では、CSSの背景関連のプロパティ…
CSSで色を指定しよう！カラーコード・color・background-colorの基本
Webサイトでは、背景や文字の色を自由に変えることができます。 例えば、明るい色を使うとポップな印象になり、落ち着いた色を使うとシックなデザインになります。 CSSではカラーコードという方法を使って色を指定します。 この…
Webフォントの使い方をマスター！Google Fontsで実践的に学ぶ
Webサイトのフォントを変更すると、ページの印象を大きく変えることができます。 例えば、ゴシック体のフォントならカジュアルな雰囲気、明朝体なら落ち着いた印象になります。 しかし、パソコンやスマホには使えるフォントが限られ…
CSSで読みやすい文章に！行間（line-height）と文字揃え（text-align）の基本
Webページで文章を読みやすくするには、行の高さや文字の揃え方を適切に調整することが大切です。 例えば、文章の行間が狭すぎるとギュウギュウに詰まって読みにくくなりますし、逆に広すぎてもバラバラに見えてしまいます。 また、…
CSSで文字を装飾！フォントサイズ・フォントファミリー・太さを学ぶ
Webページの文字（テキスト）は、CSSで自由にデザインを調整できます。 フォントサイズ（大きさ）・フォントファミリー（種類）・フォントウェイト（太さ） の3つを今回は学んでいきましょう。 この記事では、これらのプロパテ…
CSSの仕組みを理解しよう！セレクタ・プロパティ・値の基本
CSSを使うと、HTMLで作ったページの見た目を自由に変更できます。 この時CSSでは「HTMLのどこに」「どんな指示を」「どんな内容」で指定するかを決める必要があります。 それぞれ、セレクタ・プロパティ・値 という仕組…
CSSとは？HTMLをおしゃれにカスタマイズしよう
CSSを使うと、HTMLで作ったページの見た目を自由にカスタマイズできます。 文字の色を変えたり、レイアウトを整えたり、デザインの幅が広がります。 このレッスンでは、基本的なCSSの書き方を学び、簡単なスタイルを設定して…
【2025年最新の実体験】未経験ITエンジニア転職という闇。
現在29歳の私は、2025年に未経験でITエンジニアに転職しました。 それまで事務でしか働いたことのない状態から、約1年かけてエンジニアになったのですが、そこでさまざまなことを経験しました。 もしあなたが、これから未経験…
HTML実践編③ お問い合わせフォームを作ってみよう！
今回は、HTMLだけを使って「簡単なお問い合わせフォーム」を作ってみましょう。 この実践を通じて、入力フォームの基本的な作り方を学ぶことができます。 今回学べるタグ <form>：フォーム全体をまとめるタグ …
HTML実践編② スペック表を作ってみよう！
今回は、HTMLだけを使って「シンプルな商品紹介ページ」を作ってみましょう。 この実践を通じて、商品の情報を整理するためのタグや、見やすいレイアウトを作る方法を学べます。 今回学べるHTMLタグ <h1>：ペ…