I recently decided to inspect the page sources of some popular sites to check out the CSS used on the avatars. I noticed two things in particular:
- The class names used are just cryptic. They just have random letters e.g.
- They use so many divs and other tags to achieve a desired effect (like avatars).
In contrast, Dev.to does not have cryptic class names (e.g
crayons-avatar__image), and also does not use many tags to achieve its own avatar(for instance) styling.
These are my questions:
- Why are the class names so cryptic? Is it because of a framework? Are they dynamically generated?
- Why are there so many divs(and other tags) just to do one task? Aren't they unnecessary?
Thanks a lot 😁