mediarain / ui-boilerplate

This will serve as a quick and easy way to start building out the User Interface of a website. Still very premature

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Just The Beginning

  • First off, we are just getting started here, this is very premature.
  • This utilizes Less CSS and Gulp to compile the CSS and JavaScript/jQuery
  • It's also using NPM and Node.js so you will need to have Node installed in order to run Gulp and take advantage of automatic compiling.

Getting Started

  • in your CLI of choice (Terminal, iTerm, etc) run npm install from the root directory of this project (it has to be on the same level as the package.json file
  • when that finishes, run gulp
  • thats it! (so far)

The Rundown (Overview)

Your Less files will automatically compile into a main.css file within the "styles" folder and your JavaScript files will be compiled into main.js within the "js" folder (gulp does all of this) and you are up and running.

Gulp is currently watching js/lib and styles/less folders.

This is built for fully responsive site(s) It offer 2 options: desktop first and mobile first responsive styling which is handled in /less/main.less by importing the different Less files. We are using Meyers CSS Reset 2.0 to reset all default browser styles.

Coming Soon

Well.. a lot.

  • It will eventually be set up so that Gulp will watch and compile all .js files.
  • Hopefully, we can build this in a way that it can easily be dropped into most, if not any, project and start up seemlessly.

License

MIT License

About

This will serve as a quick and easy way to start building out the User Interface of a website. Still very premature

License:MIT License


Languages

Language:CSS 49.4%Language:PHP 18.1%Language:C# 13.2%Language:HTML 9.2%Language:JavaScript 9.1%Language:Shell 0.8%Language:ASP 0.1%