<commit_before>---

title: When to use which CSS methodology
tags: [CSS, methodology]
comments: https://github.com/simurai/simurai.github.io/issues/6
category: blog
layout: post

---

Over the years more and more CSS methodologies started to appear. In this post we try to find the right CSS methodology for a certain situation, because there just isn’t the perfect one for every situation, unfortunately.

Alright then, let’s dive right into this abyss.

---

> I just want to create a **single page** or a **simple site**. The content is mostly text and maybe a form or two. There aren’t any co-workers, just me (and my cat).  

👉 Keep it simple and style HTML elements directly without using classes. [Use the cascade and let things inherit](https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/).  As the site grows, you might wanna look into start using [OOOCSS](http://oocss.org/) , or use some utility classes here and there.

---

> We’re a **medium sized team**. Our project grew quite a bit in complexity. Multiple people work simultaneously on the same thing.   <commit_msg>Update 2016-11-27-css-methodologies.md<commit_after>---

title: When to use which CSS methodology
tags: [CSS, methodology]
comments: https://github.com/simurai/simurai.github.io/issues/6
category: blog
layout: post

---

Over the years more and more CSS methodologies started to appear. In this post we try to find the right CSS methodology for a certain situation, because there just isn’t the perfect one for every situation, unfortunately.

Alright then, let’s dive right into this abyss.

---

> I just want to create a **single page** or a **simple site**. The content is mostly text and maybe a form or two. There aren’t any co-workers, just me (and my cat).  

👉 Keep it simple and style HTML elements directly without using classes. [Use the cascade and let things inherit](https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/).  As the site grows, you might wanna look into start using [OOCSS](http://oocss.org/) , or use some utility classes here and there.

---

> We’re a **medium sized team**. Our project grew quite a bit in complexity. Multiple people work simultaneously on the same thing.   
{'fraction_non_alphanumeric': 0.0926892950391645, 'fraction_numerical': 0.009573542210617928, 'mean_word_length': 3.944086021505376, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5434987', 'n_tokens_mistral': 661, 'n_tokens_neox': 624, 'n_words': 311}