Date post: | 23-Aug-2014 |
Category: |
Internet |
Upload: | steve-vadocz |
View: | 110 times |
Download: | 3 times |
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: