Сomparison of OOCSS, SMACSS, Atomic and BEM markup

We wrote simple html page with "Holy Grail Layout" in different CSS methodologies as examples of all popular css methodologies markup. That's like "Hello world" example.

1. Dirty 2000-s style
2. OOCSS
3. SMACSS
4. Atomic Design:

• Atomic CSS
• Organic CSS

5. BEM

• BEM CSS (Harry Roberts style)
• BEM CSS with grid

How to use

Just download/clone repository and see examples of markup. Demo is here.

Authors

Created by Oleh Aloshkin and Ihor Zenich.

Thanks

Thanks to Ivan Sagalaev for his MegaCorporation html markup example