Web Unleashed 2014

2014-09-17 00:00:00 2014-09-19 00:00:00 America/Toronto Web Unleashed 2014 By attending Web Unleashed, you will get up-to-date on the skills to push you ahead in your career. You'll also have the opportunity to network and share ideas with like-minded professionals. Toronto FITC Toronto

Presentation

Add to My Schedule Remove From Schedule Slides
Keeping Your HTML Semantic with SASS
Foundations
Intermediate

Overview

Libraries like Bootstrap can pollute your semantic code with classes like col-xs-8 and col-md-6. However, you can use Sass with libraries like Susy or Bourbon Neat to keep layout information out of your HTML, so that your HTML is more semantic and easier to update.

In this talk, Ray Villalobos, Staff Author for Lynda.com will help you discover new ways of coding your HTML and CSS that will make designing layouts for CSS fun and future-proof.

Objective

Learning to use Sass, Compass and Layout libraries to create layout-free HTML markup.

Target Audience

CSS users who want to learn how to create pages that are easier to update, without having to add layout markup to HTML.

Assumed Audience Knowledge

Experience with CSS layouts and/or knowledge of a CSS framework like Bootstrap or Foundation.

Five things audience members will learn

  1. The basics of working with Sass & Compass
  2. Creating layout-free markup
  3. How to create an easy workflow with Gulp.js
  4. Using a Sass layout library like Bourbon or Susy
  5. Using Layout mixins for responsive grids