Git Product home page Git Product logo

selamtesfaye / springboard Goto Github PK

View Code? Open in Web Editor NEW

This project forked from soulwire/springboard

0.0 1.0 0.0 9.91 MB

Springboard helps you setup web projects in seconds and easily manage concatenation, minification and compilation of scripts and styles. The idea behind Springboard is to provide a universal build system for HTML/CSS/JS projects that works with your own project template library (whichever boilerplates you may use) and helps you get going with projects of any size quickly and easily.

Home Page: http://blog.soulwire.co.uk/laboratory/javascript/springboard-javascript-css-html-template

License: MIT License

springboard's Introduction

Springboard

Springboard helps you setup web projects in seconds and easily manage concatenation, minification and compilation of scripts and styles.

The idea behind Springboard is to provide a universal build system for HTML/CSS/JS projects that works with your own project template library (whichever boilerplates you may use) and helps you get going with projects of any size quickly and easily.

Here's how it works...

Blocks

Blocks tell Springboard what to do with your scripts and styles when you build. Just tell it to concat, minify or compile and specify an output:

<!-- sb: minify css/styles.min.css -->
	[any number of linked styles]
<!-- end -->

The output path serves as the block ID, so you can specify as many as you like and use the same blocks across multiple pages.

You can also use the show and hide commands to rewrite code during the build process:

// sb: hide
var DEBUG = true;
// sb end

Or conversely:

/* sb: show
var DEBUG = false;
sb: end */

Installation

$ git clone [email protected]:soulwire/Springboard.git Springboard
$ cd Springboard
$ python springboard install

Setup a new project

Once Springboard is installed, setting up a new project is easy

$ cd /YourWorkspace/NewProject/
$ springboard init

Templates

You can define any number of project templates by dropping them into Springboard's templates folder. To use them, simply specify their name when you init a project

$ springboard init custom-template

Build

From within a project directory, invoke a build like so

$ springboard build

To see all available commands and options, just type

$ springboard help

And you can always use the sb alias for faster typing

$ sb build

Configuration

The project template includes a small config file (.sbconfig), which allows you to specify default build settings for the project, such as the source and deploy directories and the Closure Compiler compilation level.

Sublime Text Build System

To use Springboard as a Sublime Text build system, create a file called Springboard.sublime-build containing the following

{ "cmd": ["python", "~/local/springboard/springboard", "build"], "working_dir": "${project_path:${folder}}" }

and save it in the directory

~/Library/Application Support/Sublime Text 2/Packages/User/

springboard's People

Contributors

soulwire avatar

Watchers

Selam Tesfaye avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.