» Fig Leaf Software Home

We've Got You Covered.

Wednesday, June 17, 2015

New Sass Class Added: Fast Track to Syntactically Awesome Stylesheets

Washington, DC and Online - Fig Leaf Software, a full service digital agency and technical training firm, today added a new Fast Track to Syntactically Awesome Stylesheets class.  


Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance and other nifty goodies that make writing CSS fun again. Once you start tinkering with Sass, it will take your preprocessed Sass file and save it out as a normal CSS file that you can use in your web site. This one-day course covers Sass and Compass (a CSS authoring framework for Sass) development essentials. Whether you're developing a static site, a dynamic site with a CMS (Drupal), or building an advanced web-based application (Sencha), you'll find that Sass is an indispensable tool for taming and optimizing your CSS.


Course Prerequisites


To gain the most from this class, you should already have:
  • A basic understanding of CSS syntax
  • Familiariaty with basic programming concepts such as defining variables and using functions

Course Objectives


During this 1 day hands-on, instructor-led course you will refactor a very long and difficult to maintain CSS file into a set of .scss (Sassy CSS) files. You'll learn how to restructure your CSS for optimal maintainabilty and produce minified production builds. You'll also learn how to use advanced CSS tricks such as base-64 encoding of images to significantly increase the performance of your web sites and web applications.

Course Outline


UNIT 1: INTRODUCING THE COURSE

UNIT 2: INTRODUCING SASS
  • Introducing Compass and Sass
  • Debugging CSS
  • Working with Variables
  • Using Partials to Organize your Stylesheet
UNIT 3: WORKING WITH SASS
  • Nesting Rules
  • Creating Responsive Themes with @media Directives
  • Defining Inheritance with @extend
  • Defining and Invoking Mixins
  • Using Control Directives
  • Defining Sass Functions
UNIT 4: USING COMPASS FOR COMPATIBILITY AND PERFORMANCE
  • Configuring Browser Support
  • Using Compass to Support CSS3 Features
  • Using Compass for Typography
  • Embedding Images in your Stylesheet
  • Using Sprites to Improve Performance

Fig Leaf Software has trained more than 35,000 web designers, developers and marketers in the nuances of web and mobile design and development.  Fig Leaf is a Service-Disabled, Veteran-Owned Small Business (SDVOSB) providing consulting, training and software solutions on GSA Schedule to government agencies, universities, companies, and nonprofits in DC, MD, VA and across North America. 

No comments:

Post a Comment

About Us

Fig Leaf Software is an award-winning team of imaginative designers, innovative developers, experienced instructors, and insightful strategists.

For over 20 years, we’ve helped a diverse range of clients...

Read More

Contact Us

202-797-7711

Fig Leaf Software

1400 16th Street NW
Suite 450
Washington, DC 20036

info@figleaf.com