UsefulLinks
Computer Science
Web Development
Frontend Frameworks and Libraries
Sass and SCSS
1. Introduction to CSS Preprocessing
2. Setting Up a Sass Development Environment
3. Sass Syntaxes
4. Core Sass Features
5. Reusability and Abstraction
6. Sass Data Types
7. Control Directives and Expressions
8. Functions
9. Advanced Concepts
10. Best Practices and Project Architecture
10.
Best Practices and Project Architecture
10.1.
File and Folder Structure
10.1.1.
The 7-1 Pattern
10.1.1.1.
Abstracts
10.1.1.2.
Vendors
10.1.1.3.
Base
10.1.1.4.
Layout
10.1.1.5.
Components
10.1.1.6.
Pages
10.1.1.7.
Themes
10.1.1.8.
Main File
10.1.2.
Other Architectural Patterns
10.1.2.1.
Atomic Design
10.1.2.2.
SMACSS
10.2.
Writing Maintainable Sass
10.2.1.
Naming Conventions
10.2.1.1.
BEM
10.2.1.2.
SMACSS Naming
10.2.1.3.
Consistent Variable and Mixin Names
10.2.2.
Limiting Nesting Depth
10.2.2.1.
Recommended Maximum Levels
10.2.3.
Commenting in Sass
10.2.3.1.
Loud Comments
10.2.3.2.
Silent Comments
10.2.3.3.
When to Use Each Type
10.3.
Code Quality and Linting
10.3.1.
Using a Linter
10.3.1.1.
Setting Up Stylelint
10.3.1.2.
Common Linting Rules
10.3.2.
Enforcing Coding Standards
10.3.2.1.
Team Guidelines
10.3.2.2.
Automated Formatting Tools
Previous
9. Advanced Concepts
Go to top
Back to Start
1. Introduction to CSS Preprocessing