BEM tracking and usage
Websites using BEM by countrymarket share · top 8 countries
78%
🇷🇺RU1.9%
🇧🇾BY1.7%
🇧🇪BE1%
🇰🇿KZ0.3%
🇭🇺HU0.2%
🇨🇭CH0.2%
🇲🇳MN0.2%
🇬🇧GBWebsites using BEM by industrymarket share · top 6 industries
Technology & Computing
Education
Construction
Software Development
Travel
Manufacturing & Industrial
0%10%20%30%40%
Download report
We track 4,508 websites using BEM, along with their country, traffic, industry and platforms. There are 3,513 websites using BEM in Russian Federation.
Filter by country
🇷🇺 Russian Federation3,513 sites
🇧🇾 Belarus86 sites
🇧🇪 Belgium76 sites
🇰🇿 Kazakhstan43 sites
🇭🇺 Hungary12 sites
🇨🇭 Switzerland11 sites
🇲🇳 Mongolia8 sites
🇬🇧 United Kingdom7 sites
🇹🇷 Turkey7 sites
🇺🇸 United States7 sites
🇳🇱 Netherlands6 sites
🇺🇦 Ukraine6 sites
🇮🇳 India5 sites
🇧🇷 Brazil5 sites
🇩🇪 Germany5 sites
🇲🇩 Moldova, Republic of5 sites
🇺🇿 Uzbekistan5 sites
🇱🇻 Latvia4 sites
🇹🇯 Tajikistan3 sites
🇫🇷 France3 sites
🇦🇿 Azerbaijan3 sites
🇨🇿 Czechia2 sites
🇨🇳 China2 sites
🇪🇸 Spain2 sites
🇬🇪 Georgia2 sites
🇵🇹 Portugal1 sites
🇵🇦 Panama1 sites
🇨🇾 Cyprus1 sites
🇨🇦 Canada1 sites
🇦🇺 Australia1 sites
🇪🇪 Estonia1 sites
🇮🇱 Israel1 sites
🇹🇲 Turkmenistan1 sites
🇸🇮 Slovenia1 sites
🇱🇺 Luxembourg1 sites
🇵🇲 Saint Pierre and Miquelon1 sites
🇦🇲 Armenia1 sites
About BEM
BEM stands for Block Element Modifier. It is regarded as a simple and effective methodology that enables the user to use the components effectively and share the code in the process of front-end development. It is known for its simple design and easy usage. It is designed to be modular and comes with independent blocks and CSS selectors. It is one of the most widely preferred modular solutions available for all front-end technologies. BEM is known for its high degree of flexibility. It provides a higher level of readability for the front-end code. It is designed to be easily scalable as well. It comes with a proper naming convention that enables users to make design changes conveniently.
Category
Official website
en.bem.info↗
Websites using BEM
showing 25 of 4,508| Website | Country | Traffic | Industry |
|---|---|---|---|
| 🇷🇺RU | Top 500 | Technology & Computing | |
| 🇷🇺RU | Top 1K | Technology & Computing | |
| - | Top 5K | Technology & Computing | |
| 🇰🇿KZ | Top 5K | Construction | |
| 🇹🇷TR | Top 5K | Technology & Computing | |
| 🇧🇾BY | Top 5K | - | |
| 🇺🇿UZ | Top 10K | Technology & Computing | |
| 🇺🇸US | Top 50K | Technology & Computing | |
| 🇷🇺RU | Top 50K | Software Development | |
| 🇷🇺RU | Top 50K | Software Development | |
| 🇷🇺RU | Top 50K | Entertainment | |
| 🇩🇪DE | Top 50K | Software Development | |
| 🇷🇺RU | Top 50K | Education | |
| 🇰🇿KZ | Top 50K | Entertainment | |
| 🇦🇺AU | Top 100K | Food & Drink | |
| 🇷🇺RU | Top 500K | - | |
| 🇷🇺RU | Top 500K | Technology & Computing | |
| 🇷🇺RU | Top 500K | Software Development | |
| 🇷🇺RU | Top 500K | Technology & Computing | |
| 🇧🇪BE | Top 500K | Telecommunications | |
| 🇧🇾BY | Top 500K | - | |
| 🇱🇺LU | Top 500K | Construction | |
| 🇧🇪BE | Top 500K | Manufacturing & Industrial | |
| 🇷🇺RU | Top 500K | Technology & Computing | |
| 🇷🇺RU | Top 500K | Shopping |
Showing 25 of 4,508 websitesView detailed list →
Frequently asked
What is BEM?›
BEM (Block, Element, Modifier) is a methodology for organizing and structuring HTML and CSS code in projects for easier maintainability and scalability. It provides a standardized naming convention for classes in HTML, allowing developers to quickly understand the structure and relationship between different components of the website.
Why should I use BEM?›
BEM offers several benefits such as increasing code readability, providing a consistent and modular structure, and facilitating teamwork. It ensures efficient and manageable code by eliminating potential conflicts while making it faster and easier to update and maintain the codebase.
What are the three components of the BEM naming convention?›
The three components in BEM are Blocks, Elements, and Modifiers. Blocks represent the main component, Elements are the parts of a block, and Modifiers are used to mark the variations in appearance or behavior of a block or an element.
How do I differentiate between blocks, elements, and modifiers in BEM?›
In BEM, blocks and elements are separated by a double underscore (__), while modifiers are separated by double hyphens (--). For example, a block named "header", an element within it named "logo", and a modifier for the logo named "small" would be represented as "header__logo--small".
Can I use BEM with my preferred CSS preprocessor, such as SASS or LESS?›
Yes, BEM methodology can be used alongside any CSS preprocessor without any conflicts. In fact, combining BEM with a preprocessor can enhance organization and maintainability further by leveraging features like nesting, mixins, and variables.
