Skip to content
This repository was archived by the owner on Jul 8, 2020. It is now read-only.

Absinthe Getting started

Jump to bottom
Kain91 edited this page Dec 3, 2013 · 53 revisions

Dependencies

Be sure you have these modules installed:

Install "The-M-Project 2 Generator"

Make sure you have installed the dependencies mentioned above.

  • Install : npm install -g generator-tmp2
  • Make a new directory: mkdir [MY-PROJECT-NAME]
  • cd into it: cd [MY-PROJECT-NAME]

Run "The-M-Project 2 Generator"

For initialising the project and downloading all the dependencies we use a bundle of tools rolled into one called Yeoman it includes three tools for improving your productivity and satisfaction:

  • Yo scaffolds out a new application, writing your Grunt configuration and pulling in relevant Grunt tasks that you might need for your build.

  • Grunt is used to build, preview and test your project, thanks to help from tasks curated by the Yeoman team and grunt-contrib.

  • Bower is used for dependency management, so that you no longer have to manually download and manage your scripts.

To start with your project be sure you are in the root directory of your created project folder

  • Run the yo generator: yo tmp2

There are several steps to configure your initial project the way you want to:

If you want to build the app:

  • Run grunt in the root directory of the project.

If you want to build the app and preview it in your browser:

  • Run grunt server in the root directory of the project.

My first App

To give you a short introduction to the framework and explain how it functions we show you how to build a small app.

Layouts

coming soon...

Sass Compass

####What is SASS ? SASS (Syntactically Awesome Style Sheets) is a programming language created for front end web development that defines a new set of rules and functions to empower and enhance CSS. With this programming language, you can create complex designs with minimal code in the most efficient way possible.

####What is Compass ? Compass is a framework for SASS, the good thing about Compass is that it comes with a lot of CSS3 mixins and useful CSS stuff.

####How to install it ? For installing SASS Compass you need to have Ruby installed.

This is very pretty simple for MAC users because there Ruby is already installed. If your are a MAC user you just have to type gem install compass into your console.

If your are a Windows user you have to install Ruby first. The installer can be downloaded here. Afterwards if you have added Ruby to your PATH variable you can also type gem install compass into your console to install it.

####Where can I find more information about SASS Compass ? For more informations about SASS Compass just visit their website. They have a great blog and many examples to get a good insight into it.

Clone this wiki locally