9. • More files
• 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