to simplify, SourceMap allow us to live edit or debug compiled and compressed files like sass, coffeescript from the main source file.
This is how you do on chrome,
Open up your Developer Tools and click on settings, make sure that the option: Enable css “Enable CSS source maps” and “Auto-reload generated CSS” are both ticked.
Now you need to map your css to sass or scss file,
Open the Source tab from developer toolbar and right click the css you want to map to the scss
I have been using SASS (http://sass-lang.com/) since last week and found love with it.
so what is SASS exactly that people are talking about on the web, basically it allows you to write your css in variables, functions, nesting for better visual and save your time on complex css, then it compile the file into standard CSS.
As what their website said:
Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
inorder to install this little brilliant tool open your terminal and key in
gem install sass
for those with permission error with gem/ruby might want to use
sudo gem install sass
There are a few key functions that i really like it alot which I will demonstrate here.
Continue reading “Practice SASS now!”