search

cosola-salvia / news.macile.org

The MACILE program news section. Includes newsletters and bulletins.
https://news.macile.org
0 stars 0 forks source link

Establish BEM Guidelines #131

Open misscs opened 4 years ago

misscs commented 4 years ago

Proposal

Now that we have worke more strickly with BEM we have a better idea of its strengths and limitations. The aim of this proposal is to:

  1. Collectively discuss and share how personal experience of working with BEM (likes, dislikes)
  2. Agree to BEM conventions, for example, the code base currently handles modifiers differently. We need to decide how we want to write BEM
  3. Reviews its implementation on the Bulletin and decide how we can update and improve it taken into account the results from discussion points 1 and 2
  4. Update the newsletter

In advance of the conversation, it would be great if we each person can leave comments on this issue addressing the first discussion point.

@cosola @MariaGuillen @Morban15 @lehysen

Morban15 commented 4 years ago

I have realized that I still have a lot to learn about BEM. There are different ways to implement it. For example the naming formats and separation between blocks, elements and modifiers.

Before implementing BEM, I figure the page as a puzzle. When I take the pieces out of the box they are totally messed up. As I place the pieces (each one with its shape and style) everything is less messy and the figure is more complete. The same goes for blocks, each one is a piece of the page.

What I like most about BEM is to visualize, organize and style the blocks that make up the page. Considering that the blocks are reusable and help to reduce the amount of codes in CSS.

But I don't like when I have to find names that are understood and make sense to everyone on the team for each block. In short, I don't like the naming part. Also, code does look ugly with long class names.

MariaGuillen commented 4 years ago

Trying to implement BEM was fun, there are many ways and it was interesting to use what we thought would be most useful in our proyect. We still have a lot to learn.

What I like is that inheritance in CSS seems less complicated implementing BEM and I think modifiers do the job much easier in terms of organization and amount of code.

I don’t like seeing so many long classes in the code, I find it makes the HTML code look unorganized.

lehysen commented 4 years ago

Implementar BEM en el proyecto para mi fue todo un reto, pero al final me gusto utilizar la metodología. Todavía tengo que aprender mas acerca de BEM Y CSS.

Me gusto de BEM que los selectores eran especifico, también me gusto la herencia en CSS, eso ayudo a reducir las lineas de codigo del CSS.

Lo que no me gusta de BEM es que el nombre de las clases termina siendo muy largo, otra cosa que no me gusto era tener que alternar entre guion medio y guion bajo.