RYOKI

銀行員からWEBデザイナーになるため勉強中!勉強記録だったり、読んだ本の書評なども書いていければなと思います!

コーディング模写01

また更新が滞っていたので、焦りながら記録。 今回はいつかやったコーディング模写。 参考サイトは Progateの一部。 出来上がったのがこちら↓ 今回は訳あって、完璧に模…

コーディング 授業復習

前回作成したハンバーガーメニューはPCの大きさにした時、目には見えないが、header_navの左に存在している。 HTMLで書く順番を変えるとレイアウトが崩れる場合があるので…

コーディング授業 復習

今回は授業を休んでしまったので、授業動画を確認しながら勉強します! こういう時、授業を録画していただけるので嬉しいです。 復習じゃなく初見になるので、noteにメモし…

Webサイト模写01

今回はProgateの一部を模写をします。 こちら↓(黒枠は気にしない) ↓模写 <難しかった箇所> ・六角形の作成 ・その背景(ポリゴンパターン) ・六角形の作成 多角…

コーディング授業復習 レスポンシブ対応

レスポンシブ対応の授業復習です。 レスポンシブ対応させるためには、 ①viewportを設定する ②CSSを上書きしていく CSS(スタイルシート)のメディアクエリをmax-width:…

コーディング 復習

またまた授業の復習です。 まずはこの部分を作っていきます。 HTML<section class="profile sec"> <i class="far fa-user icon"></i> <h2 class="ttl">Name Name Profi…