Style War of Objects

In a long-term project, frontend developers have a huge burden. Complex nested selectors, unnecessary IDs, and life-saving !important’s. Did it sound familiar from somewhere? I have listed the terms that you will often come across in projects whose architecture is not properly designed. These uses will cause serious style conflicts in scalable and sustainable projects and will destroy the performance and controllability of the project over time.

I will give you a suggestion to avoid these uses that create a snowball effect on our projects. I will talk about BEM (Block, Element, Modifier) methodologies.

BEM is a component-based web development methodology developed by Yandex, as well as a popular naming convention used today. It aims to enable the development of mixed interface structures without copy-paste, reusable and fast results. It helps frontend developers to understand the relationship between HTML and CSS.

BEM collects the objects found in our interface on the CSS side under three main headings:

If I need to exemplify:

BEM is a suitable method for a sustainable CSS architecture in your medium-sized and comprehensive projects. The communication within the team, which we attach great importance to since the first day we applied, has increased significantly. More precisely, our frontend and backend teams asked each other fewer questions after adopting this methodology. The new members of the team have adapted to the projects faster since the day they started and this has positively affected our agility.

Actually, I can say that motivation was one of the biggest things that BEM added to us. No developer would like to work on a project with a complex code structure because his/her motivation will decrease over time, which affects the performance.

If I continue with a realistic example, we have been working with enthusiasm on the first day, while doing the project of a customer that we have designed and still serve with the BEM methodology since 2017.

See you~

by Burak Yıldırım

Related posts:

Integrating fundamental indicators into our trading routines is usually a hard job. At Obvious we do bridge the gap to allow valuable fundamental indicators to be present in our daily analysis.

As this is our first post on Medium, we want to do it about the most important part in any company statement. The word “We”, or “Us”, which identifies the team behind the brand. Not just as a…

Machine learning is one of those topics that when you google it you either find a bare bones explanation of what it is or an academic paper written by someone with 5 PHDs in Statistics and Computer…