7. ā¢ Less ļ¬les
ā¢ Minimum amount of http requests
ā¢ Styles to target less sophisticated browsers
ā¢ Styles to target different media typesā
ā¢ Simplicity
9. ā¢ More ļ¬les
ā¢ Loads of stylesheets
ā¢ Broken up into sections
ā¢ Easy to navigate, isolate, extrapolate
ā¢ Sheets to target different browsers
ā¢ Sheets to target different media
16. ā¢ Overview of technologies used
ā¢ Approach to issues like
ā¢ Browser targeting
ā¢ CSS3
ā¢ @media supported
ā¢ Outline creative brief
ā¢ Include original designs
28. Controllers Views
announcement announcement
s s
application documents
documents events
events layouts
parts parts
user_sessions user_sessions
29. Controllers Views Stylesheets
announcement announcement application
s s announcement
application documents s
documents events documents
events layouts events
parts parts layouts
user_sessions user_sessions parts
user_sessions
30. Controllers Views Stylesheets
announcement announcement application
s s announcement
application documents s
documents events documents
events layouts events
parts parts layouts
user_sessions user_sessions parts
user_sessions
31. All partials feed into 1 stylesheet
Only 1 stylesheet gets sent to browser
68. SASS vs SCSS/LESS
ā¢ SASS is a language ā¢ SCSS/LESS act like
extensions of CSS
ā¢ You canāt use CSS in ā¢ You can use CSS in SCSS/
SASS LESS
ā¢ SASS looks different to ā¢ SCSS/LESS looks like CSS
CSS extended