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
.... jesus lord
you should consider using the disgusting .webp format, instead of this weird png shoved in an svg
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!
Please use #showcase and tag it as
feedback
. This channel is for code-specific questions.