Looking for the SASS Configuration file, MAC - configuration

Does anyone know where the sass configuration file is located on a mac and for that matter where sass is installed?
I did a "sudo gem install sass" as it stated in the Sass documentation but I don't know where it put the files. I think its tied to ruby somehow?

Related

what does gulp-"cli" stands for?

Can someone please explain what exactly are the differences between the following two methods of gulp installation:
$ npm install --global gulp-cli
and
$ sudo npm install -g gulp
It looks to me that both do the same thing except that the first method gives me a version 1.2.1, and the later gives me version 3.9.1
Can someone put into simple terms what exactly are the differences? and plus what is "cli" stands for?
The goal of gulp-cli is to let you use gulp like a global program, but without installing gulp globally.
For example if you installed gulp 3.9.1 globally and your project testGulp4 has gulp 4.0 installed locally, what would happen if you run gulp -v into testGulp4?
Without gulp-cli globally installed :
CLI version 3.9.1
In this case the version displayed is the global version of gulp. The local version 4.0 is totally ignored.
With gulp-cli globally installed :
CLI version 1.2.1
Local version 4.0.0-alpha.2
In this case the version displayed is the global version of gulp-cli and the local version of gulp. The global gulp 3.9.1 is totally ignored.
Conclusion :
gulp-cli: is preferred because it allows you to use different versions of gulp.
gulp: needs a local version of gulp installed.
CLI stands for Command Line Interface.
gulp is a JavaScript library. It lets you use gulp from JavaScript code.
gulp-cli is a utility program that lets you access gulp from your shell.

Jekyll install on Windows error message

I think I'm just at the finish line for installing jekyll on windows, It's connecting fine, but I'm getting an error message:
Liquid exception: No such file or directory - python C:/Ruby193/lib/ruby/ms/1.9.1/gems/pygments.rb-0.6.3/lib/pygments/mentos.py in _posts/2015-06-09-welcome-to-jekyll.markdown<-[0m done.
Please add the following to your Gemfile to avoid polling for changes: gem 'wdm','>=0.1.0' if Gem.win_platform
I'm not sure what messages I can ignore and what I need to fix. What do you guys think?
If adding this to my gemfile is as simple as entering a cmd prompt, what do I need to enter to install it?
This was an issue that was addressed by me by another question a few days ago.This is the original question and my answer.
Basically the issue here is that you need to install Python to use Jekyll on Windows because the code highlighter Pygments is written in Python, hence requires Python to function. Pygments is alsothe default code highlighter currently. In the future versions of Jekyll will use the Rouge highlighter, which is written completely in Ruby. This issue is tracked on GitHub.
To solve your current problem, you just need to install Python 2.x, which the official linked guide from the Jekyll documentation provides very clear instructions there. You will also need to install pip. I have also included alternatives in the other SO answer I have given, so I will just provide you the link to it to reduce duplicate information and copy-paste.
Once you have Python 2.x and pip set up, and install pygments, your Jekyll install should be up and running with the site template!
Regarding the Gemfile
A summary of what a Gemfile is: A file that lists all the required Ruby gems for a particular program. For example, you wrote a ruby program that depends on 10 other gems, rather than ask the user of your new gem to go download the previous 10 gems, and then later wrestle with outdated gem issues, a Gemfile is used to keep track of what gems are needed and version. The Gemfile is used by Bundler, which is also a gem that automatically keeps track of what gems you need. In the case of Jekyll, you can use a Gemfile to dictate what you want added into your Jekyll install or removed. This is used by GitHub to keep local versions of Jekyll and other gems updated with the version used by Github Pages.
As for that notification, all you would need to do to avoid polling for changes is:
Open notepad or text editor of choice.
Add this line: gem 'wdm','>=0.1.0' if Gem.win_platform, just that line of text. You can later add gems by typing in gem 'nameOfGem in a separate line.
Save the file as Gemfile in your Jekyll site's folder. Notice that there is not .txt extension, which you can create a file with no extension in notepad by choosing 'All Files' instead of '.txt' under 'Save As'. Or, you could just edit the file extension to remove the .txt.
Install bundler by executing gem install bundler.
Run bundle install to update the gems. If you're using GitHub, add the Gemfile and the newly generated Gemfile.lock into git.

Gulp Compass broke down after Sass update 3.4.6

When my gulp runs compass over my sass file I run into the following error:
error src/scss/site/style.scss (/Library/Ruby/Gems/2.0.0/gems/sass-3.4.6/lib/sass/selector/abstract_sequence.rb:96:in `block in _specificity': undefined method `specificity' for [:not(.pointer)]:Array)
I don't know what this error means exactly, but the file it's pointed to has no special source, it's just a small legit scss file:
#import '../general';
.tld {
color: $color-primary;
}
I also keep getting these errors in my Gulp streams, it might be related:
[21:45:01] Ignoring psych-2.0.6 because its extensions are not built. Try: gem pristine psych-2.0.6
[21:45:01] Ignoring ffi-1.9.5 because its extensions are not built. Try: gem pristine ffi-1.9.5
Of course I tried the "gem pristine" but that doesn't do anything.
I don't know what happened all I know is that my gulpfile was the same last week and it worked flawlessly. I installed OSX Yosemite and didn't do anything special.
I know my description lacks stuff, but that's because I don't have a clue where to look for a solution, because I don't understand the error.
Ok, I was blaming my OSX Yosemite upgrade but this was not right. I also upgraded my gems and it appears my sass upgrade to 3.4.6 broke down sass. Downgrading to 3.4.5 does the job:
sudo gem uninstall sass
sudo gem install sass --version 3.4.5
This worked for me without downgrading anything:
gem pristine --all
Ref:
http://guides.rubygems.org/command-reference/#gem-pristine
SASS 3.4.5 will fix it:
sudo gem install sass --version 3.4.5
Also recommended is switching to using node-sass, as the libsass bindings are much cleaner to work with.

is bower install html5boilerplate is a good thing ?

My question is it good to install html5boilerplate with bower?
How can one proceed after that as it have its own directory for css and javascript and everything will come under bower_component/html5boilerplate
No, use Yeoman http://yeoman.io/ is even better than download the .zip
note: you need nodejs installed to install Yeoman
Install: npm install -g yo
https://github.com/h5bp/generator-h5bp
Install: npm install -g generator-h5bp
Run it with yo: yo h5bp
No, it's not.
HTML5 Boilerplate is meant to be used as a base for starting a new project.
Bower is a great way to manage libraries that are going to be used in a project, like jQuery or AngularJS.
The better thing for you to do is to download the HTML5 Boilerplate zip and extract its files into your project root folder.

LESS CSS Programming

I am using an "OPEN SUSE-LINUX". There is no compiler available for less css in linux. For ex. "simple-less compiler" is not working in linux as it has .exe file.
So there is some difficulty which i came across.
So anyone can give me a basic info of how to use LESS CSS without using compiler. There is website for these kind of information but it have lots of ambiguity. Also need html file along with LESS CSS.
So clearly needed a html file which is linked with any less css minified version.
You can use Node module: https://npmjs.org/package/less
npm install -g less
lessc styles.less styles.css
If you use PHP as server-side language you can use the PHP compiler http://leafo.net/lessphp/
You'll have to compile the less code. I don't know if suse has package for gem/rubygems, but you can install gem and then use gem to install less.
How to install rubygems is more a OS question, programming. So StackOverflow may not be the right forum, but to point you in the right direction:
First hit on google for "less css suse" find an Ubundu solution. First line is dist-specific and the last line may require different paths on suse:
http://www.edmondscommerce.co.uk/less-css/less-css-installation-on-ubuntu-10-10/
sudo apt-get install rubygems1.8 ruby1.8-dev (ubuntu/debian)
sudo gem install rubygems-update
sudo gem update rubygems
sudo gem install less
sudo ln -s /var/lib/gems/1.8/bin/lessc /usr/bin/