Welcome to Base!

Whether you're building a new web application from scratch or creating a mobile-first, responsive website, Base is very easy to learn and use.


Get started

Before diving into Base, please make sure you have the following tools and basic knowledge:

  • Good understanding of HTML and CSS
  • A good code editor such as Sublime Text Editor
  • Latest installation of Node and NPM
  • GulpJS installed globally
  • A calm and open mind :)

Installation Methods

  • Install and manage using NPM.
    npm install getbase --save
  • Grab the latest build using Git.
    git clone https://github.com/matthewhartman/base.git
  • Download the source code directly from Github

What's in the download?

After extracting Base, you will find the following file structure at the top level:

base/
  |-- dist/
  |-- src/
  |-- .gitignore
  |-- .travis.yml
  |-- bower.json
  |-- changelog.markdown
  |-- gulpfile.js
  |-- package.json
  |-- readme.markdown

What are all these files?

A breakdown of the files and folders are as follows:

  • dist/ - where the final state of your application is compiled into
  • src/ - you work on your application / website in here
  • .gitignore - the gitignore file (this can be removed)
  • .travis - the travis file (this can be removed)
  • bower.json - the bower file
  • changelog.markdown the change log file (this can be removed)
  • gulpfile.js the GulpJS configuration file
  • package.json the packages required for the GulpJS configuration
  • readme.markdown the read me file for Base (this can be removed)

Base LESS Lang

Check out the LESS version of Base

You can also install and manage it using NPM

npm install getbase-less --save

Let's get moving!

Now that you have the latest download and the right tools, let's take a closer look at what the GulpJS file does.