The Rails Asset Pipeline and Styling
Treehouse
Course Summary
The asset pipeline in Ruby on Rails organizes CSS and JavaScript assets in development and compresses and minifies these assets in production. Learn how to work with the Rails Asset Pipeline, Sass in Rails, and apply styling to an existing application.
-
+
Course Description
About this Course The asset pipeline in Ruby on Rails organizes CSS and JavaScript assets in development and compresses and minifies these assets in production. Learn how to work with the Rails Asset Pipeline, Sass in Rails, and apply styling to an existing application. What you'll learn
- Ruby on Rails
- Rails Asset Pipeline
- Sass
- Zurb Foundation
About the Teacher
Jason helped launch Treehouse and spent 4 years teaching here before returning to Rails development full time.
-
+
Course Syllabus
Sass and Rails
Ruby on Rails makes it easy to work with Sass (Syntactically Awesome Style Sheets). In this stage, we'll organize our CSS and SASS files using the Rails Asset Pipeline. We'll also style a header in an existing Rails application. 5 steps- Add Image Assets and Remove Default Styling 9:55
- Reorganize SCSS 12:09
- Reorganizing SCSS 4 questions
- Foundation Style Overrides 11:47
- Foundation Style Overrides 4 questions
- Extra Credit Extra credit #1: Try overriding more Foundation variables and see how to manipulate the design. Extra credit #2: Try converting the SCSS demonstrated in the application videos in to SASS.
Styling a Header
With our SCSS and Foundation overrides in place, it's time to style the header in our application. 8 steps