二足のわらじ

〜プログラミングとSEOの勉強をはじめたミーハー26歳のメモ帳〜

【学習63日】chat-spaceのサイト画面の制作③【応用25日】

 

■今日の進捗

・header部分の完成!

f:id:vamnasocana:20191026193835p:plain

 

 

■反省

・作り直す羽目になった部分あり

・調べる作業に時間をかけすぎる

 

・padding,marginと要素がごっちゃになる

・要素の大きさ(width:、height:)の指示がないのにpaddingの指示があるのが

 どうしても飲み込めず色々調べていると時間ばかりがすぎてしまった…

 →今どの部分を作成していて、

  どのようなことにつまづいたのか、

  解決するためにどのような単語で検索したのか、

  解決までにどのぐらい時間をかけているのか

  必ず把握しながら作業を進める!!!

  (新しいことを知る楽しさや、”わかった納得!”という感情を

   優先していると時間がいくらあっても足りない)

  

・paddingと要素の大きさが合わさって仕様書と違う長さになる

 →まず書き出して、各要素の構成や余白や要素の大きさを

  整理してからでなければ作り直しの危険性あり!!!要反省!!!

 

・position: absolute;とposition: relative;

・padding,margin

 

・時間をかけすぎたことは要反省だが

 調べた結果理解が深まり、header部分を正しく作成できたので

 今日のところは良しとする!!(よくなくても良しとする!!)