A great presentation by Brady Sammons. Presented at the Tech-in-motion SF july meetup.
This presentation was not created or compiled by me. I am just sharing it on behalf of the community.
3. {Preprocessing}
Preprocessing is a method of extending the feature set of CSS by first writing the
style sheets in a preprocessed language, then compiling the code to pure CSS syntax
that we are all use to.
4. { Compile }
A compiler is a computer program(s) that transforms source code written in a
programming language (the source language) into another computer language (the
target language).
5. { Sass }
Syntactically Awesome Stylesheets - Sass is an extension of CSS, adding nested rules,
variables, mixins, operators, selector inheritance, and more. It’s translated to well-
formatted, standard CSS using the command line tool or a web-framework plugin. Sass is
based in Ruby
Designed by Hampton Catlin developed by Nathan Weizenbaum – 2007
6. { LESS }
Write less do more - Less language provides the following mechanisms: variables, nesting,
mixins, operators and functions; then converted into standard css via javascript or an
application. Less is based in javascript.
Designed by Alexis Sellier 2009, was influenced by SASS.
10. { A Few Reasons Why }
• It Saves time
• This is what CSS should have been to begin with
• Makes your CSS less repetitive (DRY)
• Easier to maintain
• Easier to read
• Make your websites look better
• More fun to code
• Extendable - Compass, LessHat
11. { Possible Deterrents }
• Change of workflow
• Another syntax to learn
• Rely’s upon a compiler software
• Harder to debug
• Less documentation that CSS alone
• Don’t know how to set it up