あおば｜Web制作

HTML/CSSでのコーディングを中心に学習しています
丁寧な対応を心がけています

[あおば｜Web制作 @aoba_coding]

imgタグをdivで囲む理由を学習中。

・レイアウト（外枠）と中身（画像）の役割を分ける
・中央寄せなどの位置調整がしやすくなる
・後からの修正やスマホ対応に強い

「後で楽をするための工夫」だと知って納得！一歩ずつ進みます。

#Web制作 #HTML #CSS #プログラミング学習

[あおば｜Web制作 @aoba_coding]

inputやbuttonだけフォントが変わらなくて「なぜ？」と思ってたけど、OS標準の見た目を保とうとするブラウザ側の初期設定が原因だった。

昔は「どこのサイトでも入力欄だとすぐ分かるように」という配慮だった名残らしい。歴史を知ると納得。

#HTML #CSS学習 #Webデザイン

[あおば｜Web制作 @aoba_coding]

ゲームやサブスク、録画したテレビ番組など、
集中を妨げるものを手放して環境をリセットしました。

部屋もデバイスの中もスッキリして、
今はとても穏やかな気持ちです。

焦らず、自分のペースで一歩ずつ進んでいきます。

#断捨離 #ミニマリズム

[あおば｜Web制作 @aoba_coding]

CSSの「隣接セレクタ（+）」を学習しました。
.about-text + .about-text のように書くと、「同じクラスが連続したときの2つ目以降だけ」にスタイルを当てられるのが便利。
最初の要素には余白をつけず、2つ目以降だけ間隔をあけたいときにぴったり。
少しずつだけど理解が積み上がってきて嬉しい。

[あおば｜Web制作 @aoba_coding]

まずは簡単なLPを1つ作るのを目標にする。
完璧じゃなくていいから、とにかく完成させる。
#Web制作 #プログラミング学習

[あおば｜Web制作 @aoba_coding]

CSSのfont-familyで最後に書く「sans-serif」って、フォント名ではなく「汎用ファミリー名」というカテゴリーなんですね。
今日は、font-familyには具体的なフォント名だけでなく、最後にカテゴリーを指定して「ブラウザにお任せ」する書き方があることを学びました！
#Web制作 #プログラミング初学者

[あおば｜Web制作 @aoba_coding]

今は家族の介護を優先しながら、Web制作を勉強しています。
自分の体調や生活に合わせたゆっくりなペースですが、一歩ずつ着実に進んでいきたいです。

#Web制作 #プログラミング学習 #デイトラ

[あおば｜Web制作 @aoba_coding]

@showheyohtaki 契約書