Seeking Feedback on My First HTML/CSS Project!

Hi web developers, I'm excited to share that I've just completed my very first project using HTML and CSS! ๐ŸŽ‰ As a beginner in the world of web development, I've poured my heart and soul into crafting this project, and now I'm eager to seek your valuable feedback. Would you mind taking a look at my code and sharing your thoughts? I'm open to any suggestions, critiques, or tips you may have to offer. Whether it's pointing out areas for improvement, suggesting better practices, or sharing handy tricks, your insights will be immensely helpful in my learning journey. I believe constructive criticism is the key to growth, so don't hold back! Thank you in advance for your time and expertise. I truly appreciate it! ๐Ÿ™ Looking forward to hearing from you all! Best regards Link: https://chrismaswebsite.netlify.app/ GitHub: https://github.com/abdulahad283/Chrismas-Website
GitHub
GitHub - abdulahad283/Chrismas-Website
Contribute to abdulahad283/Chrismas-Website development by creating an account on GitHub.
7 Replies
แผ”ฯฯ‰ฯ‚
yikes! a 770k svg on the front page none of the images have an alt attribute none of the images have lazy loading holy bananas, a 117kb svg just for a tiny tiny icon
แผ”ฯฯ‰ฯ‚
your 1.7mb website is 1.6mb of svgs
No description
แผ”ฯฯ‰ฯ‚
.... jesus lord
No description
แผ”ฯฯ‰ฯ‚
you should consider using the disgusting .webp format, instead of this weird png shoved in an svg
No description
แผ”ฯฯ‰ฯ‚
https://squoosh.app/ <-- i threw the image there, set the effort to 6 and ... 94% space saving
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
แผ”ฯฯ‰ฯ‚
yes, it loses quality, but at the size it will be shown, it won't matter and this is without resizing the image to the size it will be displayed at!
13eck
13eckโ€ข7mo ago
Please use #showcase and tag it as feedback. This channel is for code-specific questions.
Want results from more Discord servers?
Add your server