ナツ｜暮らしに寄り添う、丁寧なWeb制作

Web制作｜CanvaでSNS画像・バナー制作｜LP・Webサイト制作｜一児の母｜サッカー観るの大好き｜フットサルやるの大好き｜ゲームするのも大好き｜在宅で働くWeb制作者を目指しています｜根っからの神奈川県民( ´∀｀)

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

@LTechJP なるほど💡
PC画面はなんとなくbreakpoiutsで作ったのですが、枚数まで設定してなかった気がします！笑
タブレット画面がまだイマイチなので、明日チャレンジしてみます🙌
ありがとうございます✨

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚

最終課題の「実践コーディング」💻✨

今日は「SPOTS」セクションを完成させました！

Swiperの設定やレスポンシブ調整など、細かい部分に苦戦しましたが、なんとか形にできました🙌

やっと半分くらい進んだかな！？
引き続き少しずつがんばります😊

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚

最終課題の「実践コーディング」💻✨

今日はSpotsセクションのスライダー実装を進めました！

Swiperを使って、カードがスライドするところまでなんとか形にできました🙌

カードのCSS調整やスライダー全体の細かい部分は、また明日続きを進めます😊

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚

最終課題の「実践コーディング」💻✨

今日はPrizesセクションのモーダル実装を進めました！

5つのモーダルをそれぞれ開閉できるようにして、背景のスクロール停止やEscキーでの閉じる動作も実装！

苦戦しながらも、無事にモーダル完成しました！🙌

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

@moburin01 モブりんさん、ありがとうございます✨
ここ最近なかなか思うように進まずで、カタツムリのようですが、少しずつがんばります！！

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚

最終課題の「実践コーディング」💻✨

今日はPrizesセクションのレスポンシブ調整を終えて、モーダル画面の実装に入りました！

モーダルの作り方を思い出しながら、少しずつ形にしています😊

もう少しでモーダルも完成するので、明日も進めます！！

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

@LTechJP 試みてみます💪
使う人に優しい‥そんな気遣いできるサイトが作れたら‥って憧れますね✨
ありがとうございます！！

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

@LTechJP LTechさん、ありがとうございます！
背景スクロールの固定、忘れそうなので気をつけます😅
Escキーで閉じる！？調べてみます🤩

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚

最終課題の「実践コーディング」💻✨

今日はPrizesセクションのSP画面からPC画面の途中まで進めました！

カードの配置やサイズ調整など、細かい部分に苦戦中！
モーダルまで進めませんでした・・・😂

なかなか思うように進まない日もあります😓

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚

最終課題の「実践コーディング」💻✨

今日はPrizesセクションのコーディングを進めました！

画像を整理したり、背景の装飾を作ったり、準備や調整に思った以上に時間がかかりました😂

明日はSP画面を仕上げて、モーダルの実装にも入りたいです！

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚
最終課題の「実践コーディング」💻✨

今日は「How to Enter」セクションを完成させました！

装飾が多く苦戦しましたが、PC・SP画面のコーディングとレスポンシブ対応までなんとか完了🙌

細かい調整に時間がかかりましたが、ひとつずつ進めています😊

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

@LTechJP なるほど💡装飾はどうしても苦手意識があって時間かかっちゃうので‥試みてみます😤
ありがとうございます😊✨

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚

最終課題の「実践コーディング」💻✨

今日はAboutセクションのタブレットサイズの調整と、How to EnterセクションのSP画面のコーディングを進めました！

今回も装飾が多く、細かい調整に苦戦😂
SP画面はまだ途中なので、続きはまた明日進めます！

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

今日はWeb制作のお仕事探しと、ポートフォリオのリメイクを進めました💻✨

デイトラのポートフォリオを、自分の内容へ少しずつ変更中。

Web制作＋Canvaの作品をまとめて、今できることが伝わるポートフォリオにしていきたいです😊

まだ途中ですが、引き続き進めます！

#デイトラ #Web制作 #Canva

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚
最終課題のAboutセクションを進めました！💻✨

装飾が多く、absoluteやレスポンシブ調整に苦戦😂

装飾を配置するときは、横方向を中央基準で考えることが大事だと実感しました！

タブレットはまだ調整が必要なので、引き続き進めます🙌

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚

最終課題の「実践コーディング」💻✨

今日はAboutセクションに入りました！

画像の整理に思った以上に時間がかかりましたが、SPの骨組みを進め、Swiperを使った画像スライダーも実装🙌

まだまだ先は長いですが、ひとつずつ進めていきます😊

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚
最終課題の実践コーディング💻

今日はひたすらFVと格闘していました😂

PC・SPのレイアウトや画像調整など、細かい部分にかなり時間がかかりましたが、なんとか完成！

思った以上に難しかったですが、少しずつ形になっていくのが嬉しいです🙌

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級 DAY32〜42📚

今日から最終課題の実践コーディングに入りました💻✨

今日は環境設定とヘッダーのコーディングからスタート！

FVの画像の整理にも着手しました😊

最初から難しくて苦戦していますが、ひとつずつ確認して丁寧に進めていきたいと思います🙌

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級DAY29〜31📚

総復習編のサイトが完成しました！✨

今日はスムーススクロールの実装、PerfectPixelでの確認、インタラクションの実装まで進めて仕上げました🙌

細かい調整も多かったですが、無事完成できてよかったです😊

次は中級の最終課題にチャレンジします！

#デイトラ #Web制作

[ナツ｜暮らしに寄り添う、丁寧なWeb制作 @konatsu_Web33]

デイトラ 中級DAY29〜31📚

今日は「Contact」と「Footer」のコーディングを進めました💻✨

Contactのフォームは細かい部分が多く、思ったより時間がかかりました😅
入力欄のサイズや余白など、デザインを確認しながら調整！
ひとつずつ確認しながら、丁寧に仕上げていきます🙌

#デイトラ #Web制作