CSS Best Practices

Este README também está disponível em Português.

This repository contains practical examples and studies of CSS best practices, focusing on both SMACSS (Scalable and Modular Architecture for CSS) and BEM (Block Element Modifier) methodology. Each file includes comments explaining the concepts, with demonstrations of layout, modules, themes, forms, buttons, and interactive components.

Topics Covered

• SMACSS (Base, Layout, Modules, State, Theme)
• BEM Methodology (Block Element Modifier)
• CSS / SASS / SCSS
• HTML5
• JavaScript (Accordion Components)
• Forms and Buttons
• Theming (Tema A / Tema B)
• UI Components

Examples Included

• SMACSS Folder: Layouts, modules, themes, accordions, and UI messages.
• BEM Folder: Forms with BEM methodology applied using CSS and SASS.

How to Use

Open the index.html file in the respective folder (SMACSS or BEM) in a browser to explore the examples. Examine the CSS/SASS files to understand how SMACSS and BEM are implemented. JavaScript is included for interactive elements like accordions.

Technologies Used

• HTML5
• CSS / SASS / SCSS
• JavaScript
• SMACSS Architecture
• BEM Methodology
• Forms, Buttons, Accordion Components
• Theming
• UI Components