2 months i started learning coding with just the knowledge of HTML and CSS. I just began a 30 day coding challenge for myself and will be replicating popular social medias websites. I'll whole accept your advise on how I can keep improving and your constructive criticism when necessary.

1

Squoosh

Things related to whatever you have used till now: 1- Don't use spaces in images name (Kind of code convention or sometimes automated tools tend to break) 2- Here is an opportunity to learn more about image types i.e, webp, aviff and more. (You can try squoosh.app) 3- Where to places JS scripts (it comes under perfomance section). Devs prefer to fetch scripts at the end of the body (Depends on use case but majorly). Understand about defer and sync. 4- Bootstrap is not a preferred tool now. Devs are moving to solution like tailwind. Tho, prefer to learn vanilla css and scss first. 5- Learn media queries, flexbox (for responsiveness) 6- If comfortable with flexbox then move to CSS grid 7- May be you can use https://flexboxfroggy.com/ and it has for grid too.

#Image Editing #Image Optimisation #Photos & Graphics 173 social mentions

2

Flexbox Froggy

Things related to whatever you have used till now: 1- Don't use spaces in images name (Kind of code convention or sometimes automated tools tend to break) 2- Here is an opportunity to learn more about image types i.e, webp, aviff and more. (You can try squoosh.app) 3- Where to places JS scripts (it comes under perfomance section). Devs prefer to fetch scripts at the end of the body (Depends on use case but majorly). Understand about defer and sync. 4- Bootstrap is not a preferred tool now. Devs are moving to solution like tailwind. Tho, prefer to learn vanilla css and scss first. 5- Learn media queries, flexbox (for responsiveness) 6- If comfortable with flexbox then move to CSS grid 7- May be you can use https://flexboxfroggy.com/ and it has for grid too.

#CSS Tools #Online Education #Design Tools 252 social mentions