off-topic 2018-08-22 | Slack Archive

does anybody know any good resources to learn HTML methodology and patterns?

there are so many resources for the basic syntax that its hard to find more intermediate topics, like how to take a design and translate it into a semantic markup that endures change

idiomancy19:08:00

I've got a pretty good grasp of CSS patterns and fundamentals, but I'm just sitting here like "I guess I'll just make everything a div and style it later?"

sundarj19:08:55

@U250T6MFA for semantics, http://html5doctor.com/element-index/ is helpful

idiomancy19:08:40

good reference, thanks

sundarj19:08:13

np 🙂

justinlee20:08:28

make it a div and style it later is by no means an uncommon approach 🙂

fellshard20:08:12

If you rely more on classes to specify initial styles, it may let you adapt the types of tags later to be more semantically useful. If there's obvious semantic tags to use for a situation, might as well use them over divs, though. 🙂

idiomancy20:08:01

ahh, I see, that makes sense. easier to iterate if you're not relying on the user agent styles

souenzzo20:08:14

I also have a lot of doubts about how to structure my DOM Should I keep everything flat? Should I nest just to make easier CSS? is possible do this layout without nest?

fellshard20:08:02

I believe the guidance is: 1. Structure content with semantic tags when it makes sense to. 2. If no semantic tags apply, use semantic-less tags (e.g. div/span) as shallow as possible. 3. If you need nesting to allow the styling to function, then nest pragmatically.

dominicm08:08:13

https://cssguidelin.es/ harry roberts is pretty great at this

dominicm08:08:26

inside is a large number of references.

2018-08-22

Channels