Learn HTML in 30 days with Jeffery Way

If you are planing to learn HTML & CSS and have some of knowledge and want to learn more about it and about the basics you can learn it from great tutorial by Jeffrey Way and name of the tutorial is Learn "30 Days to Learn HTML and CSS". The details about the course are as below:

Course Introduction (30 Days to Learn HTML and CSS)

1. Day 1: Your First Webpage
2. Day 2: Finding a Proper Code Editor
3. Day 3: Lists
4. Day 4: Parent-Child Relationships
5. Day 5: Heading Tags
6. Day 6: Blockquotes
7. Day 7: Anchors
8. Day 8: Your First Stylesheet
9. Day 9: Clean Project Structures
10. Day 10: Images
11. Day 11: The Necessity of Divs
12. Day 12: IDs and Classes
13. Day 13: An Assignment
14. Day 14: Assignment Solutions
15. Day 15: Floats, and a Simple Layout
16. Day 16: Navigation and Lists
17. Day 17: Introduction to Forms
18. Day 18: Image Replacement
19. Day 19: The Basics of Typography
20. Day 20: Relative and Absolute Positioning
21. Day 21: Creating a Website Fragment
22. Day 22: The Importance of Validation
23. Day 23: Zen Coding
24. Day 24: Resets and Normalizing
25. Day 25: CSS Frameworks
26. Day 26: Final Project Markup
27. Day 27: Slicing a PSD
28. Day 28: How to Create Snippets
29. Day 29: The CSS for Our Website
30. Day 30: Completing the Website

At the end I just would like to tell you, If you really serious about the learning, then start typing you can't learn by just watching and copy/pasting the code snippets!

Read more

Hide empty html tags in website using :empty pseudo-class

Sometimes the empty tags can create the alignment or spacing issues, which looks odd to the viewers.

To fix this issue we have a pseudo-class called :empty

You can use this property as below example in your style:

p:empty{ display: none; }

You can also try in the codpen at this link Edit on codepen 

Reference sites:
https://css-tricks.com/almanac/selectors/e/empty/
https://developer.mozilla.org/en-US/docs/Web/CSS/:empty

Read more