Lynda - Foundation Incorporating Sass and Compass (Size: 446.87 MB)
| | | 1.Understanding Foundation, Sass, and Compass.mp4 | 12.53 MB |
| | | 5.Installing the Sass, Compass, and Foundation gems.mp4 | 12.13 MB |
| | | 2.Installing Sublime Text 2.mp4 | 10.44 MB |
| | | 3.Examining the website files and configuration.mp4 | 10.02 MB |
| | | 4.Installing and testing Ruby.m4a | 9.69 MB |
| | | 2.Examining the Sass structure and downloading Foundation Sas.mp4 | 32.09 MB |
| | | 1.Starting a project with Compass, Sass, and Foundation.mp4 | 22.31 MB |
| | | 3.Compiling Sass files.mp4 | 20.77 MB |
| | | 4.Converting custom.css to Sass.mp4 | 20.19 MB |
| | | 2.Changing variables with _settings.scss.mp4 | 32.71 MB |
| | | 5.Styling the nav bar.mp4 | 28.95 MB |
| | | 4.Understanding the emCalc() function.mp4 | 18.53 MB |
| | | 1.Foundation’s Sass file structure.mp4 | 18.1 MB |
| | | 7.Solution Styling the panels.mp4 | 16.99 MB |
| | | 3.Working with Google Fonts and Sass.mp4 | 16.79 MB |
| | | 6.Challenge Styling the panels.m4a | 2.58 MB |
| | | 2.Styling the panel links by changing _panels.scss.mp4 | 42.78 MB |
| | | 5.Solution Styling tabs.mp4 | 32.1 MB |
| | | 3.Creating a custom button using mixins.mp4 | 31.43 MB |
| | | 6.Launching your site.mp4 | 19.22 MB |
| | | 1.Adjusting space between the top photo and right column.mp4 | 17.02 MB |
| | | 4.Challenge Styling tabs.m4a | 3.77 MB |
| | | 1.Goodbye.m4a | 2.35 MB |
| | | Ex_Files_Fndtn_Sass_Compass.zip | 1.63 MB |
| | | 1.welcome.mp4 | 10.09 MB |
| | | 2.Using the exercise files.m4a | 1.65 MB |
Description
Foundation is one of the most popular responsive design frameworksΓÇöclean and simple. But much of FoundationΓÇÖs styling is accomplished via slightly more complex CSS: Compass and Sass. This course with Jen Kramer shows how to install Foundation, Compass, and Sass, and customize your own Foundation site. Learn how to start a new project, navigate the Sass file structure, and use the main _setting.scss file to style color, fonts, spacing, and more. Plus, learn about advanced features like functions, mixins, extended styles, and much more.
Topics include:
Installing Ruby, Sass, Compass, and the Foundation gem
Starting a new project
Compiling Sass files
Changing variables with _settings.scss
Working with Google Fonts and Sass
Styling the nav bar
Adjusting spacing between elements
Styling panel links
Creating a custom button with mixins
Sharing Widget
All Comments