Placeholder data is a lot like placeholder text. It’s a design tool meant to ensure the final product — in our case, a real-time data visualization — matches our mockups. It’s useful in all the same ways placeholder text is useful:
- Placeholder data allows a designer to test her assumptions about the product.
- Placeholder data makes decision-making much easier by providing realistic constraints.
- Placeholder data sets realistic expectations for clients and stakeholders.
Read the full explanation of placeholder data here.
$ git clone firstname.lastname@example.org:planetary/datumipsum
$ cd datumipsum
$ npm install
gulp build to build the project.
gulp to continuously watch and re-build the project. Airframe will automatically run a server
build folder at
|builds all the registered static resources from assets into build
|moves fonts to the build folder
|compresses images and moves them to the build folder
|compiles all scss files into the build folder
|compiles the jade templates to the build folder
|deletes all build artifacts
|builds the site, serves it locally and redeploys when files are changed
|Display this help text.
|runs all registered linters and out prints any detected issues
|lints all non-vendor js(x) files against .eslintrc
|lints all non-vendor scss files against scss-lint.yml
|serves static templates locally
|proxies the localhost server via BrowserSync to dynamically update assets
|waits for changes in project files and attempts to rebuild them
|watches the source fonts for changes and moves them to the build folder when they do
|watches the source images folders and recompresses them when changed
|waits for scss files to change, then rebuilds them
|watches the templates folder for changes and recompiles them
gulp help at any time to see this list of tasks.
- Open Sublime Text 3, type
Cmd+Shift+Pto open the prompt and type to select "Package Control: Install Package"
- Type to select "SublimeLinter", wait until that finishes installing.
- Open the "Install Package" prompt from step 1 again and type to select "SublimeLinter-contrib-scss-lint", wait until that finishes installing.
- From the command line, run
sudo gem install scss-lint
- Restart Sublime Text 3 and you should now see linting issues in the gutter of the editor.