プログラミング日記【6ヶ月目第3週】デイトラ40代アラフォー初心者

2024/4/15（月）プログラミング日記

【Web制作コース 164日目】

作業：なし

【Web制作コース 165日目】

作業：3.5時間

作業内容

P	DAY29-31を完了！
D	DAY29-31 Tips5 ファーストビューのコーディング Tips6 共通パーツのコーディング Tips7 コンセプトのコーディング
C	中級の総復習編の中盤に届きそう flex-grow しか新しいコードはないけどコードの構成の整理に難あり &:hover はシンプルに思えた after before も理解が進みそう！
A	DAY29-31完了！

【Web制作コース 166日目】

作業：1時間

作業内容

P	DAY29-31を完了！
D	DAY29-31 Tips8 line-heightの調整 Tips9 featureセクションのコーディング
C	✅チェック事項【CSS】CSSのline-heightで単位を指定しない理由 line-heightに単位を指定すると、親要素で計算された値がそのまま子要素にも継承されるため。
A	DAY29-31完了！

bakushin

今日のsectionは、詰まることなくすっと理解できる＆コードも間違いなし

display:flex

flex-direction:colum (row)

gap:

👆はすっと理解できるしデザインカンプ感応が読み取れる

CSSのline-heightで単位を指定しない理由👇参考した記事です

【Web制作コース 167日目】

作業：1時間

作業内容

bakushin

忘れそうなので改めてメモ

✅padding-block

　　上下のpaddingの設定できる

　✅<br / class” ”>

　　.class名 {

　　　display:none

　　　}
class名で改行位置を画面サイズごとに設定できる

メモしていてもなかなかに楽しい✌

【Web制作コース 168日目】

作業：1時間

作業内容

P	DAY29-31を完了！
D	DAY29-31 Tips11 productsセクションのコーディング
C	今日のsetionはデザインカンプからのコード構成できた講義動画のコードとほぼほぼ一致 HTMLはaタグに背景画像を設置で？となった CSSはほぼほぼOK！
A	DAY29-31完了！

✅max-width: calc( );

👆( )内に+ - でどっちか迷う

【Web制作コース 169日目】

作業：なし（出張のため）

【Web制作コース 170日目】

作業：なし（出張のため）