HTML and CSS mistakes part 1 | HTML | CSS | #SmartCode

#html #css #smartcode

Let's now learn from our mistakes. In my teaching career, I have seen students making some mistakes while learning html and css. I just thought to compile and highlight the mistakes, as well as give solution so that everyone out there new in the field of web development could become a better coder.

In this first part, I will talk about four very comman mistakes,

1. The use of inline css.
2. Don't use semantic elements.
3. The use of unoptimized images.
4. Use id to style the images.

I hope this lecture will clear your concepts and help you to code better.
If you like my effort, do subscribe the cannel as a sign of appreciation.
Do not forget to watch all the videos on that topic.

CSS specificity
https://youtu.be/lCDydUPGZEY
Change and specificy specificity
https://youtu.be/lHhthLPrfWM

Articles on image optimization
*** Choose the right image format (Read here)
https://web.dev/choose-the-right-image-format/
*** Serve images with correct dimensions
https://web.dev/serve-images-with-correct-dimensions/
***Choose the correct level of compression
https://web.dev/compress-images/

#SmartCode

Тэги:

#html #css #html_mistakes #css_mistakes #the_use_of_inline_css #why_inline_css_is_not_good #the_use_of_id_selector #why_not_to_use_id_selector #do_not_use_semantic_element #the_use_of_semantic_elements #purpose_of_html_semantic_elements #unoptimized_images #change_image_size_in_css #code_images_in_html

Скачать видео