Web Development Week 1

21.04.2025 Monday

Tutorials
HTML Video	https://youtu.be/kUMe1FH4CHE?si=4BB9Sjtl9dt7GuQk

Resources
HTML, CSS Validating website	https://validator.w3.org/
Image Editor	https://www.irfanview.com/
Image Size decrease	https://tinypng.com/
Free stock image website	https://unsplash.com/
Free stock image website	https://www.pexels.com/
Free stock image website	https://gratisography.com/
Free stock image website	https://pixabay.com/

---

22.04.2025 Tuesday

Tutorials
CSS Video	https://youtu.be/OXGznpKZ_sA?si=qca7aCGn7SqiPtaq

Resources
Color palette, contrast checker	https://coolors.co/
Specificity calculator	https://specificity.keegan.st/

---

23.04.2025 Wednesday

Tutorials
CSS Video	https://youtu.be/OXGznpKZ_sA?si=qca7aCGn7SqiPtaq

Resources
Google fonts	https://fonts.google.com/

---

24.04.2025 Thursday

Tutorials
CSS Video	https://youtu.be/OXGznpKZ_sA?si=qca7aCGn7SqiPtaq
CSS positions	https://youtu.be/fF_NVrd1s14?si=y61gY6Abtp7oi52O
CSS flexbox	https://youtu.be/u044iM9xsWU?si=puXhqeplg0XOs-wF

Resources
HTML codes for characters	https://symbl.cc/
CSS flexbox game	https://flexboxfroggy.com/

---

25.04.2025 Friday

Tutorials
CSS Video	https://youtu.be/OXGznpKZ_sA?si=qca7aCGn7SqiPtaq
CSS grid	https://youtu.be/8QSqwbSztnA?si=qLhs0DEIn7MHMZWl
CSS grid 2	https://youtu.be/3elGSZSWTbM?si=44tYZRpCbPNCZ6As
Background image	https://youtu.be/3T_Jy1CqH9k?si=RtWkpyHYXoaYUKDg

Resources
CSS grid game	https://cssgridgarden.com/
Emoji website	https://emojipedia.org/

---

26.04.2025 Saturday

Tutorials
Wrapping	https://youtu.be/Qqa2MJMxjw4?si=2qozWdvG9TVHAZe2
Box model-1	https://youtu.be/D_akuQHIPtg?si=OE0YTwtEOp1ucSFb
Box model-2	https://youtu.be/NrKYyP322kc?si=hcEYZ479lYcM9_59]
Box model-3	https://youtu.be/trg925x5LdM?si=qRvW2In8ibnWQZ5t
Flexbox	https://scrimba.com/learn-flexbox-c0k

Resources
:not()	https://developer.mozilla.org/en-US/docs/Web/CSS/:not
Frontend_mentor	qr-card-component challenge

---

27.04.2025 Sunday

Resources
Frontend_mentor	blog-preview-card challenge

---