マガジンのカバー画像

100日後にWebサイト作れるようになる納富

4
Webの会社に入ったのに、Webの知識が全くない新卒3年目が、100日後に自分のポートフォリオサイトを作る過程を記した記録。
運営しているクリエイター

記事一覧

100日後にWebサイト作れるようになる納富 Vol.4

100日後にWebサイト作れるようになる納富 Vol.4

今日も仕事終わりに。
コインランドリーで洗濯物の乾燥を待ちながら。
残り90日。

課題:display: flex;を利用しても要素を横並びにできない
原因:親要素を設定していなかった。
解決策:横並びにしたい要素の1階層上にdivを作り、そこにdisplay: flex; を設定。
参照元:https://calendar.google.com/calendar/u/0/r?tab=rc

f

もっとみる
100日後にWebサイト作れるようになる納富 Vol.3

100日後にWebサイト作れるようになる納富 Vol.3

今日は仕事終わりにちょこっとだけ。
あと92日。

課題1:画像の表示位置をいい感じにしたい
原因:親要素にobject-fit: cover;を指定していた。
   width, heightを指定していなかった。
解決策:imgタグにobject-fit: coverとwidth、heightを指定。
参照元:https://localhost8888.net/css/260/

修正前)

もっとみる
100日後にWebサイト作れるようになる納富 vol.2

100日後にWebサイト作れるようになる納富 vol.2

今日はトップページの作成を途中までしました。
残り94日。

課題1:aタグの下線 青文字が消えない
原因:親要素にtext-decoration: none;を指定していた。
解決策:aタグに直接指定
参照元:https://note.com/stst_esty/n/nbb34e88c5ef4

修正前

.menu-item { list-style: none; display:

もっとみる
100日後にWebサイト作れるようになる納富 vol.1

100日後にWebサイト作れるようになる納富 vol.1

皆様、ゴールデンウイークいかがお過ごしでしょうか。

私は2日も6日も仕事があり、
そんなにゴールデンでもないので、
旅行などの大型の予定は特になく、
細々とした予定がぽろぽろとある感じです。

そうなると家でだらだらと暇する時間もあるので、
年初に立てた2022年にやりたいことリストを眺めておりますと、
『Webサイト作る』という項目が目に留まりまして、
「あ、これやるか」と思い立ったわけであり

もっとみる