getbem/getbem.github.io
Getbem.github.io
Get BEM to all people in simplest way
Features
- BEM Element Scoping - Implements the double-underscore scoping pattern that ties element styles to their parent block.
- Style Reuse Utilities - Provides a methodology for transferring self-contained block styles between projects to reduce code duplication.
- Flat CSS Class Selectors - Ships a flat class selector architecture that avoids CSS specificity conflicts through single-class naming.
- Educational Resources - Provides an educational resource for structuring CSS into independent, reusable blocks that work across projects.
- BEM - Defines the specific BEM naming convention that scopes CSS classes and prevents style leakage.
- Block-Element-Modifier Standards - Provides a guide to the block-element-modifier naming system that scopes styles and prevents selector conflicts.
- CSS Component Naming - Defines a block-element-modifier naming system that keeps CSS scoped, predictable, and reusable across projects.
- Modular Architecture Interfaces - Provides modular architecture interfaces for building interfaces from independent, reusable components.
- BEM Modifier Flags - Provides the double-dash modifier flag pattern that alters component appearance without changing base structure.
- BEM Structural Style Organizations - Provides the BEM structural pattern that organizes styles into blocks, elements, and modifiers.
- Independent CSS Block Encapsulations - Provides independent CSS block encapsulation that prevents selector conflicts across projects.
- Modular UI Components - Ships modular UI components that can be mixed and matched without causing style conflicts.
- Reusable UI Components - Provides a methodology for building independent, self-contained CSS blocks that mix and reuse without style conflicts.
- Block-Based Style Isolations - Provides the foundational block-based isolation pattern that prevents CSS selector conflicts across components.
- Independent CSS Block Selectors - Ships independent block-level CSS selectors that prevent style conflicts across a project.
- Educational Resources - Provides an educational resource for structuring CSS into independent, reusable blocks that work across projects.
- Self-Contained CSS Components - Ships a methodology for building UI interfaces from self-contained CSS components that transfer between projects.
- Reusable Block Architectures - Provides an architecture for structuring styles into independent, reusable blocks that mix across projects without conflicts.
- BEM-Based Naming - Serves as a guide for learning and applying the Block-Element-Modifier naming convention for maintainable CSS.
- Cross-Project Style Block Transfers - Enables transferring self-contained style blocks between projects to reduce code duplication.
- Cross-Project Style Block Libraries - Enables transferring self-contained style blocks between projects to reduce code duplication.
- Methodology Configuration - Documents how to adapt and configure the BEM methodology for different tools, frameworks, and naming preferences.
