1 / 7

Emerging Web technology

Emerging Web technology. SASS. What is SASS?. SASS stands for Syntactically Awesome StyleSheets . SASS was designed by Hampton Catlin and developed by Natalie Weizenbaum . SASS is like an extension of CSS3 which provides more power and several other mechanisms that CSS does not have.

Download Presentation

Emerging Web technology

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Emerging Web technology SASS

  2. What is SASS? • SASS stands for Syntactically Awesome StyleSheets. • SASS was designed by Hampton Catlin and developed by Natalie Weizenbaum. • SASS is like an extension of CSS3 which provides more power and several other mechanisms that CSS does not have. • The latest version of Sass is 3.4.2 which was released on August the 28th of this year. • SASS is coded in Ruby though there are other implementations such as PHP, libSass (C implementation) and JSass which is a Java implementation.

  3. Why would I use Sass? • Sass plugs the holes in CSS meaning it is easier and faster to work with. • CSS does not use variables, mixins, nesting, inheritance and selectors but Sass uses a syntax that enables this so in return it speeds up things when using style sheets. • It can translate its syntax into a CSS file through a command line program. • Sass extends CSS for the better through many different mechanisms.

  4. How do I use SASS? • To start you have to create a file and save it as .scss. • Sass stores information that is used on numerous occasions through variables by using the $ symbol to do so. • An example of using variables is displayed below:

  5. Where do I get SASS? • You can download Sass from http://sass-lang.com/install • Before you can use Sass you will also need to install RubyGems from http://rubygems.org/pages/download

  6. Are there any limitations or flaws? • Mixins could be a possible limitation depending on how it is used as it is a duplication tool which means the files size will increase when used resulting in overall performance being degraded.

  7. Bibliography • http://sass-lang.com • http://en.wikipedia.org/wiki/Sass_(stylesheet_language) • http://cs3.bradshawenterprises.com/blog/why-sass/ • http://blog.millermedeiros.com/the-problem-with-css-pre-processors/

More Related