How to setup your styling environment?

If you are styling your site using CSS, then its time for now to use Sass. Sass is a powerful professional grade CSS extension language in the world. You need to have Ruby installed in order to run Sass.  
Ruby Installation

  • Execute the installer and go through the steps of the installation. When you get to the screen below, make sure to check the “Add Ruby executables to your PATH” box.


  • Click Install.

  • You can check your ruby version by typing “ruby -v” in your command prompt

Sass Installation
  • Open your command prompt

  • To install Sass, type “gem install sass”. This will install Sass and any dependencies for you. If you get an error message then you will need to use the “sudo” command to install the Sass gem. It will look as follows,
“sudo gem install sass”
  • You should now have Sass installed. You can check that by typing “sass -v” in your command prompt. This will return your Sass version.

Compass Installation
Compass writes Sass syntaxes in to CSS. Sass and compass get installed with Ruby gems
  • Install compass.Type the following command in the command prompt
“gem install compass”
“gem install breakpoint”

  • You can check whether the compass has successfully installed by typing
“compass version”


Susy Installation
Susy is a plugin to Compass that allows you to create customizable grid frameworks easily.
  • Install Susy. Type the following command in the command prompt
                                                “gem install susy”


Comments

Post a Comment

Popular posts from this blog

Viewing Github profile using OAuth in Java

Image
Hello everyone! I have discussed the basics of OAuth and its components in the previous post. Let's see how to develop a simple java application to view your Github profile details using OAuth. We need to have a Github account in order to build this application.  Connect your application to Github Add a new application In your Github account, go to settings and select Developer settings. Click on New OAuth app. Register your new application Provide your application name, homepage URL and callback URL in the relevant fields and click Register application. Get your Client ID and Client Secret key Copy your Client ID and Client Secret and select update application Build the application Now, let's build the Java application. The main flow is as follows User will click on Auth login link Github Auth server will show permission screen to the user Once the user accepts to the scope, it will send the code to App Server ( Redirect URI) Once ...
Read more

How to setup GitHub using SourceTree?

Image
Fed up with typing commands to push and pull from GitHub??? Thinking of doing it in an easy way??? Here you go.. Source Tree is a free Git client for Windows and Mac. It provides a nice visual interface between you and git, no more command line!!! Connecting to GitHub using SSH Using the SSH protocol, you can connect and authenticate to remote servers and services. With SSH keys, you can connect to GitHub without supplying username and password at each visit. Download puttygen.exe from here . Run the file Generate your keys Change the number of bits according to the need Save the public and private keys Add a new SSH key to your Github account Click 'Settings' in your GitHub account Select 'SSH and GPG keys'  Click 'New SSH Key' Give a title and add the Private Key Connect with Source Tree Download Source Tree from here . Run the file Select 'Tools' in your Source Tree window Click "Create or Import SSH k...
Read more

Security Protection Mechanisms to Safeguard Web Applications

Image
Hello everyone! In this article, we are going to look about Cross-site Request Forgery (CSRF) and the preventing mechanisms. So, what is CSRF?? It is an attack that occurs in the user’s web browser where a mail, a malicious URL or an instant messaging performs an unwanted action in which the user is currently authenticated. This attack happens without the user’s consent so that the attacker can carry out the unauthorized transaction. How does CSRF work? There are several ways an attacker can steal the information from the user. The attack can be done in either of the following ways. ·          Exploiting URLs by using HTTP methods Let’s say Peter wants to deposit Rs. 10,000 to Sam’s account. He will sign into his account and fill out all the details. Then, there will be a GET request with all the parameters as shown below.   GET http://AbcBankingSolutions.com/deposit?account=Sam&amount=10000 HTTP/1.1 Now, t...
Read more