Learning Sass - CSS Just Got Exciting.

Install Sass on a Mac from the command line by using Ruby gems and sudo, verify the installation in the terminal, and prepare for the rest of the course.

Explore installing Sass via command line and GUI tools like Scout on Mac and PC. Configure input and output folders, watch Sass translate to CSS, and select output styles.

Learn to use Sass as a CSS preprocessor by converting Sass into CSS via the command line, exploring nested, expanded, compact, and compressed outputs, and enabling watch mode.

Use Sass variables to centralize colors and sizes, enabling easy, scalable updates across header, links, and footer while avoiding overdoing variable usage.

Explore how Sass variables enable calculated widths and responsive two-column layouts, using percentage-based sizing, padding, and color functions to adapt a page layout with a right sidebar.

Explore nesting in sass by styling right-hand links with icons and hover effects, using background images and nested selectors to create graceful states.

Learn how Sass partials and imports let you modularize styles with variables and nesting, stitching multiple files into one efficient CSS output.

Build a second page with a contact form and organize styles in Sass by using a forms partial and a variables partial, imported for modular CSS.

Practice modular Sass by extracting the header into its own partial and updating imports and link targets, then verify import order and variables partial to preserve styles.

Add a skip to main content link for screen readers. Implement alt text, labeled inputs, and a reusable accessibility partial in Sass, then import it into the main stylesheet.

Learn to use Sass mixins to parameterize and reuse CSS, reducing repetition. Apply a border-radius mixin with vendor prefixes and call it with different values.

Explore creating a header title mixin in Sass to style site titles and tag lines with size parameters, underline and right align options, enabling easier maintenance through variables.

Learn how to use external mixin libraries like Bourbon to share Sass functionality, install and integrate them, and apply Bourbon's columns mixin to create responsive multi-column layouts.

Apply the bourbon library's golden ratio function to compute a call-out's height for a landscape rectangle, using a mixin and markup to wrap text around the floated element.

Explore inheritance in Sass by building a shape prototype and extending it to square, circle, and ellipse, using borders, width, height, and border-radius for visuals.

Explore foundation's mobile-first responsive grid, using rows and columns with large-4 and 12-column layouts, and learn how SAS parses foundation into CSS for seamless import.

Explore how Sass integrates with WordPress to customize themes using style.css, partials, and compiled scss, with watch, variables, mixins, and frameworks like Foundation or Bourbon.

Explore how Sass integrates with Ruby on Rails, leveraging the asset pipeline to streamline pre-processing behind the scenes and minify and stitch together styles for production environment.

Master how to install Sass, use variables, nesting, and partials, and apply mixins and inheritance with external libraries to write maintainable, scalable CSS.