search

bem-site / bem-forum-content-en

Content BEM forum for English speak users
3 stars 0 forks source link

How to change website design into BEM? #41

Open glaszczyk opened 8 years ago

glaszczyk commented 8 years ago

Hi, This is probably very basic question but I'm not sure I saw something about that.

How is best way to move from website design into BEM structure?

I mean, how to fast identify all blocks, find what names should be and build structure efficiently?

Thanks.

vithar commented 8 years ago

There is no silver bullet here.

glaszczyk commented 8 years ago

I suppose that but maybe there are some general things to remember about. For now I try to find repeatable elements first to build blocks from them.

tadatuta commented 8 years ago

@glaszczyk

  1. Try to split design into huge obvious pieces like header, main, footer, etc.
  2. Consider everything else is elements.
  3. Each time you'll face the need to use an element outside its parent block refactor it into standalone block.

Soon you'll be making it at a glance :)

glaszczyk commented 8 years ago

@tadatuta Thanks. I'll do that. It sounds like a good plan :)