Ryu Blog

ブログ/Web制作/投資
Web制作の勉強頑張るアラサーです。本業と副業で両立していきたい。暖かく見守ってください。

[Ryu Blog @BlogRyu]

7/9(木)
✅【HTML/CSS コーディング練習】初級編：ストアサイト（書店）／1カラム CSS(レスポンシブのcatalog-antiqueとfooter)

全て完成しました。
flex-boxの理解が曖昧なので、しっかり見直す必要がある。

[Ryu Blog @BlogRyu]

7/5(日)
✅【HTML/CSS コーディング練習】初級編：ストアサイト（書店）／1カラム CSS(レスポンシブのfashion,styleまで)

paddingでの指定とpadding-topとpadding-bottomでの指定とでレイアウトが変わってしまう理由がわかりませんでした。

[Ryu Blog @BlogRyu]

7/4(土)
✅【HTML/CSS コーディング練習】初級編：ストアサイト（書店）／1カラム CSS(footer)

colorや大部分を占める文字の大きさはできる限りまとめて親側に記載していくことで綺麗なCSSを描ける。

[Ryu Blog @BlogRyu]

7/3(金)
✅【HTML/CSS コーディング練習】初級編：ストアサイト（書店）／1カラム CSS(catalog-antique)

前の段階でidでの指定ができていなかったので、marginが反映されてズレていた。

[Ryu Blog @BlogRyu]

7/2(木)
✅【HTML/CSS コーディング練習】初級編：ストアサイト（書店）／1カラム CSS(fashion)

[Ryu Blog @BlogRyu]

7/1(水)
✅【HTML/CSS コーディング練習】初級編：ストアサイト（書店）／1カラム CSS(magazine)

・positionはtop:40%にするとちょうど真ん中に配置できる。
・background-colorの指定で、コンマを忘れない。

[Ryu Blog @BlogRyu]

6/29(月)
✅【HTML/CSS コーディング練習】初級編：ストアサイト（書店）／1カラム CSS(header)

backgroundの設定をする時、size/position/repeatを記載する。
logo位置固定のpositionの記載方法。

[Ryu Blog @BlogRyu]

6/26(金)
✅【HTML/CSS コーディング練習】初級編：ストアサイト（書店）／1カラム 共通部分のCSS

[Ryu Blog @BlogRyu]

6/22(月)
✅【HTML/CSS コーディング練習】初級編：ストアサイト（書店）／1カラム (HTML)

初めてのデザインの見え方で書き方がわからなかった。
どこまでをHTMLで表現して、どこからCSSで表現していくといいのかを見極める。

[Ryu Blog @BlogRyu]

6/15(月)
✅【HTML/CSS コーディング練習】初級編：ストアサイト（書店）／1カラム (HTMLの1/3)

[Ryu Blog @BlogRyu]

6/13(土)
✅【HTML/CSS コーディング練習】初級編：ポートフォリオサイト／1カラム 復習

出てこないコードもあったりした。
適宜見直して、この場合はこうするといった結び付けをしっかりやっていく。

[Ryu Blog @BlogRyu]

6/1(木)
✅【HTML/CSS コーディング練習】初級編：ポートフォリオサイト／1カラム CSS記述(レスポンシブ)

ようやく一通り完成しました。
もう一度一から書けるか試します。

[Ryu Blog @BlogRyu]

6/1(水)
✅【HTML/CSS コーディング練習】初級編：ポートフォリオサイト／1カラム CSS記述(レスポンシブ以外)

CSSの記述にやっぱり苦労しました。
このくらいで苦労してしまうのはまだまだ足りてないですよね。

[Ryu Blog @BlogRyu]

6/1(月)
✅【HTML/CSS コーディング練習】初級編：ポートフォリオサイト／1カラム CSS記述(header)

キリのいい月初め月曜日スタート。
切り替えるにはいい日ですね。

[Ryu Blog @BlogRyu]

5/29(金)
✅【HTML/CSS コーディング練習】初級編：ポートフォリオサイト／1カラム のHTML部分の記述

HTMLの記述に関しては割とスムーズだったと思う。
問題はCSS、、、。

[Ryu Blog @BlogRyu]

5/28(木)
✅【HTML/CSS コーディング練習】入門編：ブランドサイト（ジュエリー）／1カラム の復習

ちまちまコードの確認をしていました。
今から次の模写を進めていきます。

[Ryu Blog @BlogRyu]

5/9(金)
✅【HTML/CSS コーディング練習】入門編：レシピサイト／レシピページ (レスポンシブまで全て)

同じような記述の中で使い方を覚えていく方が自分には向いてそう。
なので、数やることを意識する。

[Ryu Blog @BlogRyu]

5/7(木)
✅【HTML/CSS コーディング練習】入門編：レシピサイト／レシピページ
朝の時間でHTMLの分だけコーディングできました。
ある程度期限を設けることも大事そう。

[Ryu Blog @BlogRyu]

5/6(水)
✅【HTML/CSS コーディング練習】入門編：レシピサイト／トップページ
もっとサクッと作れるようにならないと。
時間も意識したい。

[Ryu Blog @BlogRyu]

5/4(月)
✅Codejump(PHOTO BOOK2)のレスポンシブ
なんとか合ってるかなといった感じに落とし込みました。
次の課題もどんどんやっていかないと。