As a front-end developer, you may not have considered yourself in terms of an architect. An architect is a person who plans, designs, and oversees the construction of buildings.

Now you won’t be working on a building project, but you are working to create, albeit from pixels. When a designer comes to you with a Photoshop or Sketch file that he has put his blood, sweat and tears into, he or she is going to expect the same level of care when producing the HTML and CSS.

In the same way an architect would take into consideration methods before starting work, if we think about how we are going to write our CSS, our project WILL turn out for the better.

Over the next few articles I want to look into what types of CSS architecture are available, and spend some time evaluating them.

The first type of CSS architecture I want to consider is BEMCSS.

What does it stand for?

BEM, stands for Block, Element and Modifier, and it was an idea put together by Yandex, the owners of the huge Russian search engine Yandex search.

The aims of this methodology were to: