How to change website design into BEM?

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.

8 years ago

There is no silver bullet here.

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.

8 years ago

@glaszczyk

Try to split design into huge obvious pieces like header, main, footer, etc.
Consider everything else is elements.
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 :)

8 years ago

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

In order to leave a comment you need to login.