BEM (Block, Element, Modifier) Methodology

This repository serves as a collection of various projects and libraries built using the BEM methodology. Key categories include:

• CSS/Stylus Tools: pobem (PostCSS plugin), bem-grid (CSS grid library).
• Framework Integrations: bem-ng (AngularJS), angular-bem (AngularJS directives), gem bem-on-rails (Ruby on Rails).
• Code Generation & Snippets: generator-bem-ng (AngularJS project generator), atom-bemjson-snippets, sublime-bemjson-snippets.
• Utilities: bemy (Node.js structure manipulation), bem-cn and b_ (BEM-friendly class name generators).
• Specialized Libraries: bem-social (social widget blocks), bnsf (One-page application framework).

borschik is a builder for text-based file formats designed for assembling static files for web projects (such as CSS and JS). It performs three main operations:

1. Merge: Combining multiple files into one.
2. Modify: Transforming content (e.g., rewriting URLs).
3. Minify: Reducing file size for production.

borschik uses a plugin-based architecture where plugins are called "technologies". It operates on two core concepts:

• include: A link to a file that is replaced by the actual file content.
• link: A link to a file that is transformed (e.g., rewriting relative paths to absolute paths).

Each technology defines how to identify and process these include and link expressions.

This webinar covers the process of assembling a BEM (Block Element Modifier) project, specifically focusing on how to manage the methodology's recommendation of keeping each block in a separate file.

Key topics include:

• Assembling BEM blocks into CSS and images using Gulp.
• Building only the specific blocks required by your HTML files.
• Optimizing the workflow using browser-sync and postCSS.
• Automating routine tasks via the command line.

Prerequisites:

• Basic knowledge of HTML and CSS.
• Understanding of web development processes.
• Familiarity with the command line.
• Installed: git, Node.js, and npm.

The bem-method repository provides comprehensive documentation and tutorials for the BEM (Block, Element, Modifier) methodology. It covers the core principles of the methodology, including naming conventions for CSS, HTML, and JavaScript, file structure organization, and how to manage block modifications and redefinitions.

Users can explore the methodology through:

• Core Methodology Guides: Deep dives into CSS, HTML, JS, and file structures.
• Tutorials: Practical guides for building static and dynamic projects, including using dist bem-components to add blocks to a page.

The Mail.Ru Group mobile web framework is a design and technical platform used to unify the visual style, interface principles, and information architecture across a large portfolio of products (e.g., News, Auto, Currencies, Horoscopes, etc.).

Instead of the traditional design workflow (Prototype $\rightarrow$ Layout $\rightarrow$ Markup $\rightarrow$ Code) for every individual screen, the framework promotes a modern design process based on assembly directly in code. This approach allows developers to build interfaces quickly using a library of pre-existing blocks and components, ensuring consistency across the brand and making it easier to launch new products or redesign existing ones.

i-bem.js is a framework designed to complement, not replace, general-purpose libraries like jQuery. It allows you to:

• Develop web interfaces using the BEM mental model (blocks, elements, modifiers).
• Integrate JavaScript logic with BEM-style CSS rules and templates.
• Describe block logic as a set of states.