blawa

This is a followup (very specific though) to the question I asked a couple of days back: https://news.ycombinator.com/item?id=9162139

Thank you for the helpful answers there. I'm still going through the excellent links in question (and trying to lay my hands on a couple of the books mentioned) but I wonder if you guys could make suggestions for the following situation:

I have a block that can be used in two scenarios:

* list of suck blocks

* individual block placed among others of different kind

What are the best practices for deciding its margin?

Say the block has class `main` and a precending and a following block are respectively classed `preceding` and `following` for the second scenario.

If I set a margin for `main` and for the second scenario, I need `preceding` and `following` to be touching `main`, then should I set negative margin's on preceding and following?

Or another solution is to set margins using immediate sibling selector `.main+.main` and not for `.main`.

I am sure I'm missing things, so what are the possible solutions and what are the best practices here?

I hope by this question, I have also managed to give a solid example of the kind of advice I was seeking in my last question. So if you guys want to re-answer my last question, i.e. resources for CSS Design Patterns, that would be great too! Thank you!

Hello HN, Are there any treatments of the topic of web front-end software design? I'm looking for something similar to "Design Patterns" (http://en.wikipedia.org/wiki/Design_Patterns) but for web front-end HTML/CSS.

I've read Duckett's book (Amazon bestseller) and its just syntax. Also, I've read the Atomic CSS design and BEM methodologies, and while those come close to what I want, I'm looking for a more detailed treatment. To give an obvious example of what I'm looking for- I would say, use margins to separate multiple instances of same components (among other uses). I wonder if there are books that deal with similar, but non-obvious topics.