Skip to content
A data visualization guide for the U.S. Web Design Standards.
JavaScript CSS HTML Ruby
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
_data
_drafts
_includes
_layouts
_plugins
_posts
config
css
data
img
js
pages
spec
.eslintrc
.gitignore
.nvmrc
.scss-lint.yml
CONTRIBUTING.md
Gemfile
Gemfile.lock
LICENSE.md
README.md
_config.yml
circle.yml
gulpfile.js
package.json

README.md

Data Design Standards documentation

This repo includes code and documentation for the Data Design Standards website.

Note that this README includes steps to pull the latest version of the Data Design Standards into your local instance of the documentation.

Running locally

The Data Standards documentation is built using Jekyll for the file framework, gulp for task management, and the node module for the Standards.

Before you start

You will need to have the following installed on your machine before following the commands below:

  1. Ruby v2.2.2+, Installation guides
  2. Node v4.2.3+, Installation guides
  3. Bundler v1.12.3+, Installation guides
  4. Chrome v59 or higher (v60 if on Windows)

Building the documentation with gulp

Some parts of the documentation are built using gulp.

To work on the site, switch to your local copy of the repository in terminal then run the following command to install project dependencies:

npm install

Now that all of your dependencies are installed, you can run your local server by running the following command:

npm start

Go to 127.0.0.1:4000 in your browser — you should be viewing a local instance of the Data Design Standards.

Here are a few other utility commands you may find useful:

  • npm run clean: Cleans out copied-over dependency assets.

  • npm run lint: Runs eslint and sass-lint against JavaScript and Sass files.

  • npm test: Runs all tests and linters.

  • npm run watch: Runs a series of commands that watches for any changes in both the Standards node module and the root level asset folders in this repo.

Using the latest version of the uswds package

Sometimes you will want to use the latest version of the web-design-standards repo. Follow these steps to do so:

  1. Clone the latest version of the web-design-standards repo.
  2. Run npm install to install the dependencies required for the package in the web-design-standards directory.
  3. Run npm run build:package to create the built version of the Standards in the web-design-standards directory.
  4. Run npm link in the root level of the web-design-standards directory on your local machine.
  5. Run npm link uswds in the root level of the web-design-standards-docs directory on your local machine.
  6. Run npm run watch in both project directories to have changes automatically built and compiled on changes to any asset files.
  7. In a new terminal window, run npm start in the web-design-standards-docs directory to start the Jekyll server locally.

You are now using the latest version of the Standards via your cloned version on your local machine. To stop using this version, type npm unlink uswds from the root level of the web-design-standards-docs directory.

Contributing

Please read through our contributing guidelines. These guidelines are directions for opening issues and submitting pull requests, and they also detail the coding and design standards we follow.

You can’t perform that action at this time.