Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Abstracting CSS for Sustainable UI with Sass and Compass

ChariotSolutions via YouTube

Overview

Explore the benefits of abstracting CSS through an in-depth examination of Sass and Compass in this conference talk. Learn about the advantages of abstracted CSS and witness a live-coding demonstration that guides you through the setup process. Discover how to use Compass Comp, Watch, Gradient, and CSS features, implement hover states and mixins, work with variables and buttons, and leverage multiple CSS classes. Gain insights into creating base buttons, utilizing mixins for box shadows, and understanding Compass's capabilities. Delve into topics such as whitespace management, color by background, and explore resources like the CSS3 Patterns Gallery and Compass Recipes. Enhance your CSS development skills and streamline your workflow with Sass and Compass techniques.

Syllabus

Introduction
Demo
Setting up Compass
Compass Comp
Compass Watch
Compass Gradient
Compass CSS
Hover State
Mixin
Variables
Buttons
Multiple CSS Classes
Base Button
Mixins
Box Shadow
Compass knows
Include
Whitespace
Color by Background
Q A
Compass
CSS3 Patterns Gallery
Sass and Compass
Compass Recipes

Taught by

ChariotSolutions

Reviews

Start your review of Abstracting CSS for Sustainable UI with Sass and Compass

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.