Upload
steve-vadocz
View
123
Download
3
Embed Size (px)
DESCRIPTION
Citation preview
SASS ARCHITECTURE
Steve VadoczFront End Developer
With CSS things can go wrong
fast.• CSS specificity• Different coding styles• Preprocessors
CSS Guidelines
CSS Guidelines
CSS Guidelines
File systembasecomponentsutils_configurations.scss_utility-classes.scss_variables.scss_toolkit.scss
File system
New file systemgenericobjectscomponentstoolkit.scss
Base/resetVariablesBrand (colors)FunctionsMixinsClearfixetc
ButtonsListsGridMediaIslandBoxetc
Why?
ScalabilityMaintainabilityModularity
Why?
FutureAtomic designNaming convention - BEM?
SASS:
JS GuidelinesRefactoring
- performance- less dependant on jQuery
JavaScript: