• Stars
    star
    195
  • Rank 199,374 (Top 4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 13 years ago
  • Updated over 12 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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.

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/

More Repositories

1

sketch.js

Cross-Platform JavaScript Creative Coding Framework
JavaScript
4,086
star
2

fit.js

Fit things into other things
JavaScript
1,888
star
3

Makisu

CSS 3D Dropdown Concept
CSS
1,532
star
4

Coffee-Physics

A simple, lightweight physics engine written in CoffeeScript
CoffeeScript
1,059
star
5

WTFEngine

An HTML / CSS / JavaScript template for creating WhatTheFuckIsMyMashup.com style web sites
JavaScript
686
star
6

Muscular-Hydrostats

Tentacle simulation using inverse kinematics
JavaScript
491
star
7

FoldScroll

Experimental CSS 3D scroll behavior
JavaScript
419
star
8

WebGL-GPU-Particles

1 million+ particles being moved around on the GPU via WebGL
JavaScript
380
star
9

Recursion-Toy

A tool for exploring and visualising recursion / branching systems, written in JavaScript
JavaScript
207
star
10

FontMetrics

A lightweight JavaScript library for computing accurate font metrics such as x-height, cap height, ascent, descent and tittle for any loaded web font.
JavaScript
175
star
11

Plasmatic-Isosurface

A 2 dimensional plasma simulation running on the GPU, written in GLSL and CoffeeScript and rendered with WebGL.
CoffeeScript
138
star
12

SoulwireAS3Framework

Soulwire AS3 Framework
ActionScript
87
star
13

Worms

Experimenting with Inverse kinematics, Catmull-Rom Splines & Wander Behaviors
JavaScript
43
star
14

Unwrapageddon

The gift that keeps on giving...
JavaScript
32
star
15

organis.ms

An exploration of simulated evolution, movement and behavior
JavaScript
30
star
16

Crystallisation

A JavaScript / CoffeeScript & 2D Canvas experiment, exploring the recursive subdivision of polygons to form crystallisation patterns.
JavaScript
20
star
17

ParticleNodeSequencer

An experimental particle based audio sequencer, created in Flash using Tonfall; the new open source AS3 audio engine produced by Andre Michelle
ActionScript
16
star
18

Coffee-Percolator

Use import directives in CoffeeScript to manage dependancies with this tasty CakeFile
CoffeeScript
15
star
19

alfred-hash-workflow

Generate hashes for strings via Alfred using various algorithms including MD5, SHA1, SHA224, SHA256, SHA384 and SHA512
7
star
20

NeuroSynth

Synthesiser and sequencer based somewhat on the concept of neural networks
JavaScript
7
star
21

TensorField

A small interactive experiment with gravitational forces
JavaScript
6
star
22

KineticCanvas

Kinetic Canvas
JavaScript
3
star
23

superlativ.es

Emancipate your verbal lexicon from monotonous and hackneyed superlatives with this preeminent compendium of atypical utterances.
3
star